Я пытаюсь переопределить внешний вид вкладок cflayout по умолчанию.
Поместив отредактированный фоновый спрайт в папку с изображениями на веб-сайте, я могу изменить внешний вид при наведении, но я не могу получить текст, который становится белым при наведении, ссылаясь на встроенный класс .x-tab-strip-over.
В действии здесь
<style type="text/css">
div.x-tab-panel-header, ul.x-tab-strip-top {
background-image: none;
background-color: transparent;
padding-bottom: 0px;
}
div.x-tab-panel-header {
border: 0px;
}
.x-tab-strip-active, .x-tab-strip-text {
font-weight: normal !important;
font-size: 14px !important;
font-family: arial !important;
}
.x-tab-strip-over {
color: white !important;
}
.x-tab-right, .x-tab-left, .x-tab-strip-inner {
background-image: url(images/xd-tabs-sprite.gif) !important;
}
</style>
<cflayout type="tab">
<cflayoutarea title="Mouse">
Mickey Mouse
</cflayoutarea>
<cflayoutarea title="Duck">
Donald Duck
</cflayoutarea>
</cflayout>
Любые подсказки оценены