如何在活动标签

时间:2015-06-03 21:22:12

标签: html css twitter-bootstrap

我想复制活动标签的标题,但我无法突出显示活动标签上的文字。 我尝试过这个,但我无法让它发挥作用。

<ul class="nav nav-tabs">
    <li class="active"><a href="#" class="enableSelect">Home</a></li>
    <li><a href="#">Profile</a></li>
    <li><a href="#">Messages</a></li>
</ul>


.enableSelect {
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
}

Tabs example

1 个答案:

答案 0 :(得分:0)

也许它没有完全支持这就是mozilla的网站所说的

  

此功能不符合标准,不符合标准。不要   在面向Web的生产站点上使用它:它不会适用于所有人   用户。两者之间可能存在很大的不兼容性   实现和行为可能在未来发生变化。

使用jquery切换活动链接

$(function() {
   $("li").click(function() {
      // remove classes from all
      $("li").removeClass("enableSelect");
      // add class to the one we clicked
      $(this).addClass("enableSelect");
   });
});

或者您可以使用它来获取click元素的文本

 $(function() {
       $("li").click(function() {
          var text = $(this).text()
       });
   });