Блог

Главная - Вопросы по программированию - CSS Наведите курсор, если кнопка отключена

CSS Наведите курсор, если кнопка отключена

#html #css

Вопрос:

Я немного поиграл со своей GTK3-темой в Ubuntu. Когда я наведу курсор мыши на кнопку полосы прокрутки, кнопка изменится, но только если кнопка включена. Если кнопка отключена (потому что ползунок нельзя перемещать в этом направлении), при наведении курсора мыши на кнопку ничего не происходит.

Я хочу иметь одинаковый стиль для включенных и отключенных кнопок. Это не работает:

 scrollbar button:hover:disabled { <style> }

Комментарии:

1. Можете ли вы добавить свой HTML?

2. Там нет HTML. Это не то, что я хочу иметь в HTML-файле. Я хочу изменить внешний вид моей GTK-темы в Linux. Там я могу использовать CSS.

3. Это онлайн-все, что мне нужно в файле. Вот и весь код.

Ответ №1:

Попробуй это:

 button[disabled]:hover { /* styling goes here */ }

Комментарии:

1. Не работай. Похоже, это что-то, что не работает с файлом GTK. Когда я пытаюсь сделать это для включенных кнопок, у меня то же самое — никакого эффекта.

2. Может ли это быть файл CSS или порядок загрузки ресурсов? В целях устранения неполадок вы можете попробовать использовать !important соответствующие стили, а затем судить о следующем шаге, основываясь на том, работает это или нет (не волнуйтесь, я не предлагаю это в качестве постоянного решения).

3. вы имеете в виду «фоновое изображение: линейный градиент(справа, красный, красный) !важно»? никакого эффекта. возможно ли вообще объединить псевдоклассы :отключено и :наведение?

4. Вы можете попробовать буквально button:disabled:hover , хотя это может зависеть от того, как GTK устанавливает атрибут disabled. Вы могли бы попробовать несколько возможностей, чтобы увидеть, есть ли какие-либо зацепки, буквально методом проб и ошибок , например button[disabled="1"]:hover , button[disabled=1]:hover , button[disabled="True"]:hover , button[disabled="disabled"]:hover

Ответ №2:

Вы можете сделать что-то подобное для всех :

 scrollbar {
   my: style;
}

Если вы хотите, чтобы только для инвалидов <button> с данным классом :

 button.my-class:disabled {
   background-color: red;
} 
 <div>
   <button class="my-class" disabled>Disabled</button><br>
   <button class="my-class">Enable</button><br>
   <input class="my-class" type="text" disabled/><br>
   Text disabled not button
</div>

Комментарии:

1. это изменяет стиль всей полосы прокрутки. Это не то, чего я хочу. Я хочу изменить стиль отключенных кнопок.

2. Это то, чего ты хочешь сейчас ?

3. Нет. я не хочу менять всю полосу прокрутки, только отключенные кнопки.

4. Я не меняю полосу прокрутки. И в своем вопросе вы просите отключить и включить. Пожалуйста, будьте уверены в том, чего вы хотите

5. теперь я понимаю, что ВЫ имеете в виду. я не хочу отключать полосу прокрутки. когда я использую кнопки («стрелки») на полосе прокрутки, а ползунок находится вверху, кнопка «отключена». это означает, что я больше не могу двигать ползунок. Я могу переместить ползунок с помощью кнопки в конце полосы прокрутки вниз. когда ползунок находится внизу, кнопка «вниз «»отключена». когда ползунок находится посередине, оба они «включены» (могут использоваться). я могу настроить цвет фона для отключенной кнопки с помощью кнопки «полоса прокрутки:отключена», но не вместе с наведением: «кнопка полосы прокрутки:отключена:наведение» не работает.

Метки: ,