dojo选项卡容器标题(标签)

dojo选项卡容器标题(标签),dojo,title,tabcontainer,Dojo,Title,Tabcontainer,我有一个带有倾斜(标签)的选项卡容器,我需要实现的是,当单击选项卡时,我希望颜色更改为红色或任何激活的含义,而剩余的非激活选项卡可能保持黑色默认颜色。我尝试过在网上搜索,我看到的唯一解决方案是使用class.tabLabel{color:Red;}将所有选项卡标题更改为红色的css。我还尝试了onShow事件,该事件可以响应警报事件,但不能响应样式表。另外,如果您在tabcontainer中有id,并使用DojoJavaScript应用css,则会更改选项卡中的内容,而不是标题。这里是我从m d

我有一个带有倾斜(标签)的选项卡容器,我需要实现的是,当单击选项卡时,我希望颜色更改为红色或任何激活的含义,而剩余的非激活选项卡可能保持黑色默认颜色。我尝试过在网上搜索,我看到的唯一解决方案是使用class.tabLabel{color:Red;}将所有选项卡标题更改为红色的css。我还尝试了onShow事件,该事件可以响应警报事件,但不能响应样式表。另外,如果您在tabcontainer中有id,并使用DojoJavaScript应用css,则会更改选项卡中的内容,而不是标题。这里是我从m dojo获得的示例代码,展示了我想要实现的目标

    <!DOCTYPE html>
<html >
<head>

    <link rel="stylesheet" href="../../_static/js/dojo/../dijit/themes/claro/claro.css">

<script>dojoConfig = {parseOnLoad: true}</script><script src='../../_static/js/dojo/dojo.js'></script><script>require(["dojo/parser", "dijit/layout/TabContainer", "dijit/layout/ContentPane"]);</script>
</head>
<body class="claro">
    <div style="width: 350px; height: 300px">
    <div data-dojo-type="dijit/layout/TabContainer" style="width: 100%; height: 100%;">
        <div data-dojo-type="dijit/layout/ContentPane" title="My first tab" data-dojo-props="selected:true">
            Lorem ipsum and all around...
        </div>
        <div data-dojo-type="dijit/layout/ContentPane" title="My second tab">
            Lorem ipsum and all around - second...
        </div>
        <div data-dojo-type="dijit/layout/ContentPane" title="My last tab" data-dojo-props="closable:true">
            Lorem ipsum and all around - last...
        </div>
    </div>
</div>
</body>
</html>

dojoConfig={parseOnLoad:true}require([“dojo/parser”、“dijit/layout/TabContainer”、“dijit/layout/ContentPane”]);
Lorem ipsum和周围的人。。。
Lorem ipsum和全方位-秒。。。
Lorem ipsum和全方位-最后。。。
从上面的代码中,我想让title=“My first tab”以不同的文本颜色和默认颜色的其他选项卡处于活动状态,当我的第二个选项卡被单击时,使其处于活动状态,并执行与网站上第一种菜单链接相同的操作。
请帮忙。谢谢

您可以通过添加此类更改活动选项卡的文本颜色

.dijitChecked.dijitTab .tabLabel {
    color:red;
}

谢谢,我将标题的内容放在一个span中,然后在span中应用id,我可以使用onShow事件添加css类。