bootstrap中建立的标签页，点击后会有虚线框，如何取消？
来源：3-9 标签页制作
9煌
2017-06-13 16:52
<ul class="nav nav-tabs" role="tablist" id="feature-tab">
<li class="active"><a href="#tab-chrome" role="tab" data-toggle="tab">ie</a></li>
<li><a href="#tab-firefox" role="tab" data-toggle="tab">ie</a></li>
<li><a href="#tab-safari" role="tab" data-toggle="tab">ie</a></li>
<li><a href="#tab-opera" role="tab" data-toggle="tab">ie</a></li>
<li><a href="#tab-ie" role="tab" data-toggle="tab">ie</a></li>
</ul>
写回答
关注
2回答
-
- 啦啦儿
- 2019-03-28 10:10:40
加样式：
#tab a:link{ text-decoration: none; outline: none; }即可
-
- 阿木木额
- 2017-06-13 18:57:41
选择未访问、已访问、悬浮和活动链接，a:link ，a:visited， a:hover， a:active
你说的点击后有线框，应该是.nav-tabs>li.visited>a { border: 1px solid #ddd;}，去掉这个属性就行了
基于bootstrap的网页开发
Bootstrap框架的基础教程，学会用Bootstrap前端框架搭建网页
187669 学习 · 734 问题
相似问题