html按钮无蓝色边框,Bootstrap按钮显示蓝色边框？(Bootstrap button showing blue border?)...

Bootstrap按钮显示蓝色边框？(Bootstrap button showing blue border?)

我使用bootstrap模板向我的网站添加按钮。 更改按钮的颜色后，我注意到每个按钮上都有一个蓝色的轮廓......我一直试图找到一种方法来移除这个边框，但我不确定它为什么会存在。 有没有办法删除这个边界？

I used a bootstrap template to add buttons to my site. After changing the colors of the buttons, I noticed that there is a slight blue outline on each of my buttons... I have been trying to find a way to remove this border but I'm not sure why it is there. Is there a way to remove this border?

原文：https://stackoverflow.com/questions/46571689

更新时间：2020-01-16 20:04

最满意答案

看不到你的代码，我建议你把这个css应用到你的btn类

.btn {

border:none;

}

每个使用bootstrap设置的按钮都应该使用.btn

With out seeing your code, I would suggest just applying this css to your btn class

.btn {

border:none;

}

.btn should be used by every button styled with bootstrap

相关问答

你写了-webkit-appearance:none; 喜欢这个： textarea:hover,

input:hover,

textarea:active,

input:active,

textarea:focus,

input:focus,

button:focus,

button:active,

button:hover,

label:focus,

.btn:active,

.btn.active

{

outline:0px !important;

-webkit-

...

Bootstrap 3按钮现在是“平坦”的，但您可以使用此主题来获得Bootstrap 2.x外观： http : //getbootstrap.com/examples/theme/ 例如： http ： //bootply.com/85619 另外， btn-mini现在在Bootstrap 3中是btn-xs 。 Bootstrap 3 buttons are now 'flat', but you can use this theme to get the Bootstrap 2.x lo

...

我建议你查看CSS来找到影响你的按钮的悬停伪选择器，并删除它或覆盖它。 I suggest you look into the CSS to find the hover pseudo-selector that is affecting your button, and get rid of it or override it.

写这个a link tag blue line; 所以请在下面的css style sheet. a{

text-decoration:none;

}

img{

border:none;

}

write this a link tag comming blue line; so please use below in your css style sheet. a{

text-decoration:none;

}

img{

border:none;

}

这是Chrome的默认行为。 你可以用这个把它关掉...... button:focus{

outline: none;

}

This is the default behavior of Chrome. You can turn it off with this... button:focus{

outline: none;

}

看不到你的代码，我建议你把这个css应用到你的btn类 .btn {

border:none;

}

每个使用bootstrap设置的按钮都应该使用.btn With out seeing your code, I would suggest just applying this css to your btn class .btn {

border:none;

}

.btn should be used by every button styled with bootstrap

我认为你应该将它用于css中的button元素 -webkit-appearance: none;

I think you should use this to your button element in the css -webkit-appearance: none;

你是在谈论任何元素聚焦时出现的“聚焦环”吗？ 您可以使用CSS属性的outline集来调整它： http ： //www.w3.org/TR/CSS21/ui.html#dynamic-outlines但请注意，完全删除它是不好的做法(重新访问)，当你删除任何关于按钮是否聚焦的指示时，顺便说一下，哪个元素是聚焦的，如果有的话。 Are you talking about the "focus ring" that appear around any element when it's focuse

...

您看到的蓝色边框是RadioButton聚焦的结果。 您可以通过将focusTraversable设置为false来阻止RadioButton自动接收焦点： .radio-button {

-fx-focus-traversable: false;

}

要修改颜色，可以指定-fx-focus-color和-fx-faint-focus-color属性： .radio-button {

-fx-focus-color: red;

/* 2/15 th of the opa

...