码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-10-18 23:17:39      阅读:439      评论:0      收藏:0      [点我收藏+]

标签:bootstrap   input   边框   定制   

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

标签:bootstrap   input   边框   定制   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!