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

【问题标题】：How can I change the border/outline color for input and textarea elements in Twitter Bootstrap?如何更改 Twitter Bootstrap 中输入和 textarea 元素的边框/轮廓颜色？
【发布时间】：2013-06-10 10:55:19
【问题描述】：

我想将引导文本框的颜色从默认的蓝色更改。试过了：

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

帮助不大。也试过“:focus”

【问题讨论】：

您想更改输入 smalles 的默认焦点蓝色吗？

标签： css twitter-bootstrap

【解决方案1】：

改变盒子阴影颜色 input[type]:focus{ box-shadow: none; }

【讨论】：

【解决方案2】：

对于访问此页面但没有找到解决方案的人，我所做的是将 -webkit-focus-ring-color 替换为所需的颜色，效果很好！

【讨论】：

不适用于非 webkit 浏览器。但你知道这一点。

【解决方案3】：

如果您使用带有 LESS 的 bootstrap 3，您可以设置变量 @input-border-focus。这个变量可以在variables.less找到。

【讨论】：

【解决方案4】：

我猜你是在说聚焦时的蓝光？试试这个：

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;
}

【讨论】：