如何更改Twitter Bootstrap中输入和textarea元素的边框/轮廓颜色？

Question

我想从默认的蓝色更改bootstrap文本框的颜色。尝试：

.input-small,
.input-medium {
    border-color: #E56717;
}

没有多大帮助。还试过“：焦点”

Answer 1

我认为你在谈论焦点的蓝色光芒？试试这个：

textarea:focus, input:focus, input[type]:focus, .uneditable-input:focus {   
    border-color: rgba(229, 103, 23, 0.8);
    box-shadow: 0 1px 1px rgba(229, 103, 23, 0.075) inset, 0 0 8px rgba(229, 103, 23, 0.6);
    outline: 0 none;
}

Answer 2

如果您使用带LESS的bootstrap 3，则可以设置变量@input-border-focus。此变量可在variables.less。

中找到

Answer 3

访问此页面并找不到解决方案的人，我所做的就是用所需的颜色替换-webkit-focus-ring-color，它运行得很好！

Answer 4

更改框阴影颜色 input[type]:focus{ box-shadow: none; }