                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /基于bootstrap的网页开发

bootstrap按钮的边框问题

我遇到了些问题，想请教下老师：

用bootstrap做的按钮，点击后，都会出现边框，请问如何去除？

DeviL_GY

2015-03-23

源自：基于bootstrap的网页开发 4-1

关注问题我要回答

15644

操作

收起

10 回答

qq_左岸_11
2017-05-06

浓缩器几千万i下

0 回复有任何疑惑可以回复我~

收起回答

AndyZH
2016-09-05

buttons.less 28行换成outline:0;

编译就行了

1 回复有任何疑惑可以回复我~

收起回答

AndyZH
2016-09-05

烦烦烦

0 回复有任何疑惑可以回复我~

收起回答

站在树端的猫
2016-08-02

我解决这个问题是通过调试找出问题在哪里一看因为bootstrap的源文件样式引起的所以重新定义一次影响的样式就解决了

0 回复有任何疑惑可以回复我~

收起回答

WananChen
2016-02-26

outline:none; 对btn没起作用，这个有效：box-shadow:none;

0 回复有任何疑惑可以回复我~

收起回答

站在树端的猫
2015-11-26

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;		  	
}

自己也遇到这个问题，网上找的其他的没用，自己倒腾了一个多小时才弄出来。

以上代码可以完美解决，不行你打我。

14 回复有任何疑惑可以回复我~

收起回答

qq_冷月凌风_0

大哥，你真是完美的解决了我的问题啊，我差点死在这上面！

2016-02-25 回复有任何疑惑可以回复我~

大大大大鹿眸

真的万分的感谢，谢谢你大哥

2016-06-03 回复有任何疑惑可以回复我~

萌丶小怪

大哥求救，我想用js给这按钮增加边框怎么办？

2016-06-08 回复有任何疑惑可以回复我~

查看7条回复

唠嗑你别老得太快
2015-10-16

.btn:focus{outline:none}

1 回复有任何疑惑可以回复我~

收起回答

梦幻醉天使
2015-07-06

outline:none; 用这个

0 回复有任何疑惑可以回复我~

收起回答

mzh393197687
2015-05-14

我遇到了些问题，想请教下老师：

用bootstrap做的按钮，点击后，都会出现边框，请问如何去除？

0 回复有任何疑惑可以回复我~

收起回答

慕娘9181966

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; border-color:white; } 我写的项目用以上，能成功去黑色边框，因为背景是白色的，所以border-color:white;

2016-12-17 回复有任何疑惑可以回复我~

0/150

提交

取消

基于bootstrap的网页开发

参与学习 187691 人
解答问题 734 个

Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页

进入课程

本课相似问答

4 回答标题和按钮居中问题

2 回答怎么制作bootstrap框架的网页

1 回答这题的按钮样式怎么弄啊

2 回答关于bootstrap上文字的问题

2 回答关于bootstrap运行问题

搜索更多本课相关问答

bootstrap按钮的边框问题

我要回答关注问题

热搜

最近搜索清空

bootstrap按钮的边框问题

10 回答

本课相似问答

bootstrap按钮的边框问题