问答详情
源自：3-9 标签页制作

bootstrap中建立的标签页，点击后会有虚线框，如何取消？

  <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>


提问者：9煌 2017-06-13 16:52

个回答

  • 啦啦儿
    2019-03-28 10:10:40

    加样式：

    #tab a:link{
    text-decoration: none;
    outline: none;
}

    即可

    0
  • 阿木木额
    2017-06-13 18:57:41

    选择未访问、已访问、悬浮和活动链接，a:link ，a:visited， a:hover， a:active

     你说的点击后有线框，应该是.nav-tabs>li.visited>a { border: 1px solid #ddd;}，去掉这个属性就行了


    0