答案:使用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