Сохранить цвет фона после выделения в фокусе Microsoft Edge - PullRequest
Новая
       43

Сохранить цвет фона после выделения в фокусе Microsoft Edge

1 голос
/ 26 мая 2019

У меня есть форма выбора в Bootstrap 4 с темным фоном, когда я выбираю опцию, я хочу, чтобы фон после выделения оставался темным. Мой пример работает в Chrome и Firefox. Но в IE и Edge фон остается белым, когда находится в фокусе. Проверь мой jsfiddle, есть идеи? 

.form-control:focus {
  background-color: #121212;
  border-color: #121212;
  outline: 0;
  box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
}

https://jsfiddle.net/cd1eyqvr/3/

Ответы [ 2 ]

1 голос
/ 27 мая 2019

Оставьте часть .form-control:focus и добавьте ее в свой файл: 

.form-control:focus::-ms-value {
        background-color: #242424 !important;
        border-color: #121212 !important;
        color: #ffffff !important;
        outline: 0 !important;
        box-shadow: 0 0 0 0rem rgba(0,123,255,.25);
    }

Эта часть будет работать в IE11 и Edge.

Вы можете обратиться к демонстрации, которую я сделал: https://jsfiddle.net/yuzhou0602/ofwvuzyr/4/

0 голосов
/ 26 мая 2019

Проверьте эту ссылку в официальных документах:

https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/

Кажется, у края проблемы с box shadow , и вы должны добавить дополнительные CSS в таблицу стилей.ссылки раздумывают для получения дополнительной помощи по вашей проблеме Тень блока не работает в крае Microsoft

А также проверьте эту ссылку для полного тени блока в крае решения

https://css -tricks.com / сниппеты / CSS / CSS-коробчатого тень /

...