去除Bootstrap输入框聚焦时的边框轮廓线

使用Bootstrap3的时候,好处是有很多现有的控件可以使用,坏处是个性化起来会遇到不少麻烦,

单独的静态页面显示正常的, 引入Bootstrap后,有些类/通用界面组件的样式会被覆盖。

想去除默认风格或定制input输入框的边框风格,可以使用如下代码:


input:focus {
    outline: none;
    border-color: #cfdc00;
    box-shadow: 0 0 5px rgba(207, 220, 0, 0.4);
    border-radius: 5px;
}

在线演示地址: http://wow.techbrood.com/fiddle/13097

你可能感兴趣的:(bootstrap,input,边框,定制)