ZK - изменение размера шрифта вкладки - PullRequest
0 голосов
/ 04 ноября 2011

Я хочу изменить размер шрифта текста на вкладке.Это не работает:

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

Что я делаю не так?

1 Ответ

2 голосов
/ 04 ноября 2011

Если вам нужно это, то вы можете достичь этого, выполнив следующие действия:

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

теперь используйте sclass = "xxx" для панелей вкладок, чтобы применять их вместо вкладок, когда содержимое переходит в панели вкладок.

Использование .xxx * означает, что этот класс css будет применяться к tabpanels, а также ко всем дочерним компонентам.Кроме того! Important требуется для переопределения любых font-size настроек, используемых дочерними компонентами

Примечание : этот способ переопределения НЕ рекомендуется, так как большинство компонентов полагаются на свои собственныеНастройки CSS для согласованного внешнего вида и поведения во всех браузерах

...