Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导删除按钮点击效果_Css_Twitter Bootstrap 3 - Fatal编程技术网

Css 引导删除按钮点击效果

Css 引导删除按钮点击效果,css,twitter-bootstrap-3,Css,Twitter Bootstrap 3,我一直在努力寻找相关的css,我需要在引导中更改,以防止点击按钮时出现这种效果(见附图) 任何帮助都将不胜感激 编辑:以下是相关代码: <div class="btn-group" dropdown container="body"> <button dropdownToggle type="button" class="btn dropdownToggle" style="background-color:#337ab

我一直在努力寻找相关的css,我需要在引导中更改,以防止点击按钮时出现这种效果(见附图)

任何帮助都将不胜感激

编辑:以下是相关代码:

    <div class="btn-group" dropdown container="body">
                        <button dropdownToggle type="button" class="btn dropdownToggle" style="background-color:#337ab7;color:white;">
                            Views <span class="caret"></span>
                        </button>
</div>
但是,当我单击按钮时仍然会产生效果(参见下图):


是否也可以删除此项?

您可能需要添加一行css,以覆盖引导,如:

button {
border:0!important;
}

您可能需要添加一行凌驾于引导之上的css,如:

button {
border:0!important;
}

最有可能是默认大纲,下面是一个没有大纲的bootstrap 3.3.7的通用下拉示例:

按钮:焦点{
大纲:无;
}

下拉列表
    ...

最有可能是默认的大纲,下面是一个没有大纲的bootstrap 3.3.7的通用下拉示例:

按钮:焦点{
大纲:无;
}

下拉列表
    ...

您必须设置
.btn:focus{outline:0;}
。如果您需要全局删除焦点,只需使用此
:focus{outline:0;}

对于第二个问题,请使用

.btn.active, 
.btn:active {
   box-shadow: none;
}

您必须设置
.btn:focus{outline:0;}
。如果需要全局删除焦点,请使用以下
:focus{outline:0;}

对于第二个问题,请使用

.btn.active, 
.btn:active {
   box-shadow: none;
}

您还必须删除阴影:

.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

您还必须删除阴影:

.btn.active, .btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

您是否尝试过
大纲:0
和/或
边框:0
?使用F12并搜索HTML。HTML是否有对函数的JavaScript调用?它可以是JavaScript中的运行时CSS,也可以在执行元素选择时在F12中出现。您是否尝试过
outline:0
和/或
border:0
?使用F12并搜索HTML。HTML是否有对函数的JavaScript调用?它可能是JavaScript中的运行时CSS,或者在执行元素选择时会出现在F12中谢谢,我只能接受一个答案,因此我对你的帖子进行了投票,而不是其他答案。谢谢,我只能接受一个答案,所以我对你的帖子进行了投票,而不是其他答案。