В моем CSS У меня есть правило:Переопределение правила CSS в primefaces
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
font-weight: none;
background-image: none !important;
text-shadow: none !important;
box-shadow: none !important;
border-radius: 0 !important;
color: black;
background-color:#d2d6de !important;
}
Таким образом, в PrimeFaces все компоненты, которые получают парил будут принимать это правило, но я не хочу, компоненты, имеет класс .ui-inputfield
взять background-color:#d2d6de !important;
, так это то, что я попытался (После первого правила):
.ui-inputfield .ui-state-hover,
.ui-widget-content .ui-inputfield .ui-state-hover,
.ui-widget-header .ui-inputfield .ui-state-hover{
background-color: none !important;
}
, но он не работает, и цвет фона всегда #d2d6de
всякий раз, когда я зависать или фокус этих компонентов, пожалуйста, обратите внимание, что все компонента в PrimeFaces всегда будет t ake .ui-state-hover
, когда мы его наводим.
Как я могу это решить?
Создайте более конкретное правило CSS, чтобы переопределить правило PrimeFaces. Например, добавляя 'html', поэтому' html .ui-state-hover {background-color: red} '. См. Также https://developer.mozilla.org/en/docs/Web/CSS/Specificity –
Я не понимаю, почему я получаю downvotes вместо получения помощи? –
Потому что ему не хватает основного исследования (несколько очень связанных, почти одинаковых вопросов). – Kukeltje