#tabs #zk #zul
#вкладки #zk #zul
Вопрос:
Я хочу изменить размер шрифта текста на вкладке. Это не работает:
<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:
Если вам это необходимо, вы можете добиться этого, выполнив следующее
.xxx * {
font-size: 28px !important;
}
теперь используйте sclass=»xxx» на tabpanels для применения вместо tab, когда содержимое переходит в tabpanels.
Использование .xxx *
означает, что этот класс css будет применен tabpanels
как ко всему дочернему компоненту, так и ко всем дочерним компонентам. Также !важно требуется для переопределения любых font-size
настроек, используемых дочерними компонентами
Примечание: Этот способ переопределения НЕ рекомендуется, поскольку большинство компонентов полагаются на свои собственные настройки css для обеспечения единообразного внешнего вида и поведения во всех браузерах