隐藏

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

发布:2021/4/13 11:38:10作者:管理员 来源:本站 浏览次数:1213

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

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

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


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