关于Bootstrap按钮组件消除黄框的方法


Posted in Javascript onMay 19, 2017

bootstrap的button边框问题

最近在线上学习bootstrap时,发现很多童鞋都会遇到很多坑,有些很容易掉进去就出不来了;

bootstrap框架在国内相对来说还是非常热的,毕竟上手快速,代码简洁,在日常开发中可是能省不少事呢,但是吧,刚入bootstrap的童鞋,对bootstrap的样式源码等不熟悉,框架有些默认的样式虽然很漂亮,但是无奈童鞋们的胃口太挑剔,比如本人就喜欢折腾,为了让样式看起来萌萌哒,不惜时间,对它动手动脚的;

对于如何使用bootstrap,网上可是又不少教程的哟,这里是给填掉一个我们在修改默认样式的时候,比较常见的坑;

bootstrap有些样式一般不容易被发现,尤其是对于萌新而言,F12调试无果,而且有些属性我们不常用,对于其意义也是一知半解的,所以一时之间掉进坑里,是非常难受的;

下面就解决一个比较常见的问题的方法:

用bootstrap做的按钮,点击出现的边框,该如何去除?

关于bootstrap的btn点击出现黄框,常规的设置outline:none,是无效的…

在不使用!important的情况下, 你可能需要以下代码:

关于Bootstrap按钮组件消除黄框的方法 

以上所述是小编给大家介绍的关于Bootstrap按钮组件消除黄框的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript数字数组去重复项的实现代码
Dec 30 Javascript
JavaScript 盒模型 尺寸深入理解
Dec 31 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 Javascript
通过action传过来的值在option获取进行验证的方法
Nov 14 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
node.js使用nodemailer发送邮件实例
Mar 10 Javascript
取得元素的左和上偏移量的方法
Sep 17 Javascript
jQuery使用之标记元素属性用法实例
Jan 19 Javascript
TypeOf这些知识点你了解吗
Feb 21 Javascript
JS实现的DIV块来回滚动效果示例
Feb 07 Javascript
vue组件间通信子与父详解(二)
Nov 07 Javascript
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
vue.js动态数据绑定学习笔记
May 19 #Javascript
Node.JS利用PhantomJs抓取网页入门教程
May 19 #Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
May 19 #Javascript
angularjs封装$http为factory的方法
May 18 #Javascript
bootstrap表单示例代码分享
May 18 #Javascript
angularJS 发起$http.post和$http.get请求的实现方法
May 18 #Javascript
微信小程序 wx.request方法的异步封装实例详解
May 18 #Javascript
You might like
php变量与数组相互转换的方法(extract与compact)
2016/12/02 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
显示、隐藏密码
2006/07/01 Javascript
javascript document.compatMode兼容性
2010/02/23 Javascript
javascript学习基础笔记之DOM对象操作
2011/11/03 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
Js+Flash实现访问剪切板操作
2012/11/20 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
js出生日期 年月日级联菜单示例代码
2014/01/10 Javascript
js判断是否按下了Shift键的方法
2015/01/27 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
浅谈javascript事件取消和阻止冒泡
2015/05/26 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
js中遍历Map对象的方法
2016/07/27 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
prototype与__proto__区别详细介绍
2017/01/09 Javascript
js实现悬浮窗效果(支持拖动)
2017/03/09 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
2019/08/20 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
[01:09:40]Newbee vs Pain 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python批量提交沙箱问题实例
2014/10/08 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
Notino匈牙利:购买香水和化妆品
2019/04/12 全球购物
FC-Moto英国:欧洲最大的摩托车服装和头盔商店之一
2019/08/25 全球购物
自动化专业个人求职信范文
2013/12/30 职场文书
上课迟到检讨书100字
2014/01/11 职场文书
工商行政管理专业求职书
2014/05/23 职场文书
小学教师学习党的群众路线教育实践活动心得体会
2014/10/31 职场文书
出国签证在职证明范本
2014/11/24 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
2016年寒假见闻
2015/10/10 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
乡镇干部学习心得体会
2016/01/23 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python
Win10此设备不支持接收Miracast无法投影的解决方法
2022/07/07 数码科技