更改 Bootstrap 输入焦点蓝色发光 [英] Change Bootstrap input focus blue glow

问题描述

有谁知道如何更改 Bootstrap 的 input:focus?单击 input 字段时出现的蓝色光芒?

Does anyone know the how to change Bootstrap's input:focus? The blue glow that shows up when you click on an input field?

推荐答案

最后我在 bootstrap.css 中更改了以下 css 条目

In the end I changed the following css entry in bootstrap.css

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
  outline: 0 none;
}

这篇关于更改 Bootstrap 输入焦点蓝色发光的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！