首页 > 其他 > 详细

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

时间:2015-10-18 23:16:28      阅读:1550      评论:0      收藏:0      [点我收藏+]

使用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输入框聚焦时的边框轮廓线

原文:http://blog.csdn.net/iefreer/article/details/49227939

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!