Как стилизовать HTML, выберите вариант наведения и выбранные параметры эффектов

Question

Как стилизовать HTML, выберите вариант наведения и выбранные параметры эффектов

0

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

    select.color-chooser option:hover {
        background-color: none!important;

    }

select.color-chooser option[selected] {
        background-color: none!important;

    }

Sleek Geek 26 апр. 2014, в 00:18

Источник

0

Хорошая ссылка bavotasan.com/2011/style-select-box-using-only-css
David Corbin 25 апр. 2014, в 22:16
0

Возможный дубликат Как стилизовать <option> только с CSS?
cimmanon 25 апр. 2014, в 23:05

Теги:

javascript

jquery

sass

css

css-selectors

4 ответа

0

Решение работает только в IE (проверено 10 и 11)

'
    <select class="form-control">
          <option>Option option option</option>
          <option>Option option option</option>
          <option>Option option option</option>
         </select>



          .form-control option:hover {
              background: pink;
            }

            ::selection, select:focus::-ms-value {
              background-color: deeppink;
              color: #000;
            }

            option:checked {
              background-color: deeppink;
              color: #000;
            }

            option:checked:hover, select:focus option:checked:hover {
              background-color: deeppink;
              color: #000;
            }

'

https://jsbin.com/mejivij/2/edit?html,css,js,output

kotlinsky 09 янв. 2019, в 08:51

0

Я не пробовал это, но с головы до головы, разве это не вариант: выбрано?

select.color-chooser option:selected {}

user3573786 25 апр. 2014, в 20:24

0

Я тоже попробовал этот вариант тоже
Sleek Geek 25 апр. 2014, в 22:20

-1

Чтобы изменить цвет текста по умолчанию синего по ссылке, используйте этот код:

a {
text-decoration:none;
  }

Чтобы изменить цвет зависания, это должно работать:

a:hover {
   color:[enter colour];
       }

DK19 25 апр. 2014, в 19:37

Ещё вопросы

Хорошая ссылка bavotasan.com/2011/style-select-box-using-only-css
Возможный дубликат Как стилизовать <option> только с CSS?
Я тоже попробовал этот вариант тоже

aimadnet · Accepted Answer · 2014-04-25T20-29-00.000Z

Вы не можете этого сделать, если хотите, вы можете использовать jQuery Chosen или аналогичный http://harvesthq.github.io/chosen/

Он генерирует списки HTML, легко стилизованные.