关于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 相关文章推荐
JQuery SELECT单选模拟jQuery.select.js
Nov 12 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
关于js日期转化为毫秒数“节省20%的效率和和节省9个字符“问题
Mar 01 Javascript
JS delegate与live浅析
Dec 21 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
Jun 30 Javascript
深入理解JavaScript系列(48):对象创建模式(下篇)
Mar 04 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
老生常谈js中的MVC
Jul 25 Javascript
Bootstrap模态对话框中显示动态内容的方法
Aug 10 Javascript
2种在vue项目中使用百度地图的简单方法
Sep 28 Javascript
vue 解除鼠标的监听事件的方法
Nov 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 验证码制作(网树注释思想)
2009/07/20 PHP
php从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
JS 建立对象的方法
2007/04/21 Javascript
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
删除select中所有option选项jquery代码
2013/08/12 Javascript
各种页面定时跳转(倒计时跳转)代码总结
2013/10/24 Javascript
Js判断参数(String,Array,Object)是否为undefined或者值为空
2013/11/04 Javascript
javascript实现yield的方法
2013/11/06 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
浅析Node在构建超媒体API中的作用
2014/07/30 Javascript
node.js中的path.dirname方法使用说明
2014/12/09 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
2015/12/04 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
vue 动态添加的路由页面刷新时失效的原因及解决方案
2021/02/26 Vue.js
Python的Django框架使用入门指引
2015/04/15 Python
python 实现上传图片并预览的3种方法(推荐)
2017/07/14 Python
Python实现句子翻译功能
2017/11/14 Python
python高阶爬虫实战分析
2018/07/29 Python
利用python打开摄像头及颜色检测方法
2018/08/03 Python
Python代码使用 Pyftpdlib实现FTP服务器功能
2019/07/22 Python
python如何使用Redis构建分布式锁
2020/01/16 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
Python中如何添加自定义模块
2020/06/09 Python
美国知名户外用品畅销中心:Sierra Trading Post
2016/07/19 全球购物
EJB面试题
2015/07/28 面试题
英文版销售经理个人求职信
2013/11/20 职场文书
教育专业个人求职信
2013/12/02 职场文书
班级入场式解说词
2014/02/01 职场文书
爱国主义教育活动总结
2014/05/07 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
民事和解协议书格式
2014/11/29 职场文书