bootstrap表单focus状态样式怎么改啊

Question

bootstrap表单focus状态样式怎么改啊

Answer 1

看上图，找出这个样式是怎么写的，然后再在你的 css 里面写上样式，最好是覆盖样式，如下，改了一下颜色

.form-control:focus {
    /*这里改成了绿色*/
    border-color: #00ff00;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

使用了 chrome 浏览器的开发者工具，你可以查下看看。