【问题标题】:How to change tab background color when active激活时如何更改选项卡背景颜色
【发布时间】:2015-05-19 06:38:16
【问题描述】:

我想在单击并激活该选项卡时更改选项卡背景颜色..并且在单击选项卡时也想更改字体颜色

My fiddlehttp://jsfiddle.net/fDk3z/4/

请任何人帮忙!

感谢您的提前....

【问题讨论】:

    标签: javascript html css


    【解决方案1】:

    添加这个css

    CSS

    .hownav .tabrow li.selected1{background:#ccc}
    .hownav .tabrow li.selected1 a{color:#fff}
    

    【讨论】:

      【解决方案2】:

      将背景.selected1 设置为您想要的颜色。

      .tabrow li.selected1 {
          background-color: red;
      }
      .tabrow li.selected1 a {
          color: #fff;
      }
      

      这里是working demo

      【讨论】:

        【解决方案3】:

        您可以使用以下 javascript 代码来更改活动标签颜色。

        <script>
            $(function() {
                $("li").click(function(e) {
                    e.preventDefault();
                    $("li").css("background-color","");
                    $(this).css("background-color","yellow");
                });
            });
        </script>
        

        【讨论】:

        • 你可以用 css 做,为什么要使用脚本?
        • 但是 css 让这一切变得更轻松、更轻松! :)
        • 好吧,走你的路,但一个想法是,如果你选择 css,那么你必须在你的样式表和 jquery 中添加类,所以根据我的观点 jquery 是击球手。
        猜你喜欢
        • 2016-07-01
        • 1970-01-01
        • 2013-08-03
        • 1970-01-01
        • 2013-04-01
        • 1970-01-01
        • 2017-01-16
        • 2018-06-27
        • 2019-08-06
        相关资源
        最近更新 更多