Изменение цвета выпадающего списка в ZK

Привет, я новичок в ZK, и я хотел бы изменить выбранную ячейку выпадающего списка со светло-голубого, стандартного цвета, на зеленый. Я искал онлайн-ресурсы, но почему-то ничего не смог найти. Какие-нибудь советы? Заранее спасибо!


person Anto    schedule 03.12.2012    source источник
comment
Пожалуйста, отредактируйте свой вопрос, чтобы описать, что вы хотите изменить цвет при наведении, а не выбранный. Пока вопрос и ответ не совпадают.   -  person kachhalimbu    schedule 07.12.2012


Ответы (2)


Изменение цвета в ZK выполняется путем применения/переопределения css к элементу.
Класс css, который вы ищете, — .z-comboitem:hover.
Просто добавьте следующее в .zul

<style>
.z-comboitem:hover {
    background: /* your color here*/; 
 }
 </style>

Пожалуйста, прочтите это для получения дополнительной информации.

РЕДАКТИРОВАТЬ

Извините, мой ответ касается изменения цвета при наведении, а не выбранного, и первая версия, которую я сослался на неправильный класс CSS...
Ответ @kachhalimbus должен быть лучшим, особенно потому, что он наверняка гораздо больше опыта, чем у меня. Так что спасибо @kachhalimbu :)

person Nabil A.    schedule 03.12.2012

Я думаю, что это именно то, что вы ищете, то есть выбранный элемент в раскрывающемся списке должен быть зеленым, а не голубым по умолчанию.

<zk>
<style>
.z-combobox-rounded-pp .z-comboitem-seld, .z-combobox-pp .z-comboitem-seld {
    background: green;
}
</style>
<window border="normal" title="hello">
    <combobox>
      <comboitem label="item 1"/>
      <comboitem label="item 2"/>
      <comboitem label="item 3"/>
      <comboitem label="item 4"/>
    </combobox> 
</window>
</zk>

Вы можете увидеть живую демонстрацию этого здесь (с 6.0. 1 тема бриза), но тот же код должен работать и с свежей версией ZK 6.5.1.

person kachhalimbu    schedule 04.12.2012
comment
Спасибо за помощь. Однако только выбранный комбо-элемент окрашивается в зеленый цвет. Если я наведу курсор мыши на разные элементы выпадающего списка, цвет этих элементов по-прежнему будет светло-голубым (стандартный цвет). - person Anto; 06.12.2012
comment
Итак, какой цвет должен показывать ховер вместо цвета по умолчанию? Я не думаю, что вы упомянули об этом в своем первоначальном вопросе и в комментарии выше. Вы хотите, чтобы все они были зелеными (выбранными и невыбранными)? - person kachhalimbu; 07.12.2012
comment
В любом случае, игнорируйте мой комментарий выше. Я только что заметил, что вы уже приняли ответ выше :) - person kachhalimbu; 07.12.2012