html5 输入框获取焦点改变样式,如何更改Bootstrap默认输入焦点发光样式

答案：使用CSSbox-shadow属性

默认情况下，在Bootstrap中获得焦点后，所有文本元素和以及其类.form-control以蓝色突出显示的元素都会发光。

但是，您可以通过简单地设置CSSborder-color和box-shadow属性来修改此默认的焦点发光或阴影样式。让我们尝试一个示例，看看它实际上是如何工作的：

例试试这个代码»

Override Bootstrap Input Focus Styles

.form-control:focus {

border-color: #ff80ff;

box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 100, 255, 0.5);

}

Name

Address

Country

Select

India

USA

UK

Agree with Terms and Conditions

Send