0

タブ内のテキストのフォントサイズを変更したい。これは動作しません：

    <zk>
    <style>
            .xxx { 
                font-size: 28px;  
            } 
    </style>

    <vlayout style="padding:20px">
        <tabbox width="100%">
            <tabs>
                <tab label="Tab 1" sclass="xxx"/>
                <tab label="Tab 2"/>
                <tab label="Tab 3"/>
            </tabs>
            <tabpanels>
                <tabpanel>This is panel 1</tabpanel>
                <tabpanel>This is panel 1</tabpanel>
                <tabpanel>This is panel 1</tabpanel>
            </tabpanels>
        </tabbox>

    </vlayout>

</zk>

私は何を間違っていますか？

4

1 に答える 1

2

これが必要な場合は、次のようにして達成できます

.xxx * { 
            font-size: 28px !important;  
        }

コンテンツがタブパネルに入るときに、タブの代わりにタブパネルで sclass="xxx" を適用するようになりました。

Using.xxx *は、この css クラスがtabpanelsすべての子コンポーネントと同様に適用されることを意味します。font-sizeまた、子コンポーネントで使用される設定をオーバーライドするには !important が必要です

注:ほとんどのコンポーネントは、一貫したルック アンド フィールとすべてのブラウザーでの動作を独自の css 設定に依存しているため、この方法でオーバーライドすることはお勧めしません。

于 2011-11-04T16:50:51.397 に答える