bootstrap按钮的边框问题-慕课网

首页课程实战体系课手记专栏慕课教程

bootstrap按钮的边框问题

来源：4-1 编程挑战

DeviL_GY

2015-03-23 16:50

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

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

写回答关注

10回答

qq_左岸_11

2017-05-06 18:04:19
```
浓缩器几千万i下
```
0 0
yicho

2016-12-26 17:15:31

用百度搜不到答案，用bing就找到了。点赞

0 0
AndyZH

2016-09-05 16:18:11

buttons.less 28行换成outline:0;
编译就行了

0 1
AndyZH

2016-09-05 16:16:29

烦烦烦

0 0
站在树端的猫

2016-08-02 17:30:25

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

0 0
WananChen

2016-02-26 11:44:38

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

0 0
站在树端的猫

2015-11-26 11:45:05
```
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;		  	
}
```
自己也遇到这个问题，网上找的其他的没用，自己倒腾了一个多小时才弄出来。
以上代码可以完美解决，不行你打我。
10 14

慕粉zjk

大哥给力

2017-06-30 15:51:19

共 10 条回复 >
唠嗑你别老得太快

2015-10-16 16:05:13

.btn:focus{outline:none}

0 1
梦幻醉天使

2015-07-06 15:11:37

outline:none; 用这个

0 0
mzh393197687

2015-05-14 18:30:29

我遇到了些问题，想请教下老师：
用bootstrap做的按钮，点击后，都会出现边框，请问如何去除？

1 0

慕娘9181...

.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 10:06:55

共 1 条回复 >