Css 引导删除按钮点击效果
我一直在努力寻找相关的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
<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中谢谢,我只能接受一个答案,因此我对你的帖子进行了投票,而不是其他答案。谢谢,我只能接受一个答案,所以我对你的帖子进行了投票,而不是其他答案。