Схема в CSS не работает в IE (последняя версия) - PullRequest
Новая
       37

Схема в CSS не работает в IE (последняя версия)

0 голосов
/ 05 октября 2018

В настоящее время работаю в интерфейсе моего веб-дизайна.Я заметил, что изложенное в моем div не отображается в IEv11?

Здесь, в моем css ... 

.samp-banner:focus, #samp-banner-id:focus,
#samp-close:focus, #samp-close-mobile:focus {
    outline: #c0dffb auto 1px;
}

.samp-banner {
    width: 100px;
    height: 100px;
    background-color: #d4edda;
    padding: 10px;
}
<div class="samp-banner" tabindex="0">sample</div>

Обновление: я пытался добавить! Важные все еще не работает.

Ответы [ 2 ]

0 голосов
/ 05 октября 2018

заменить

"контур: # c0dffb auto 1px;"

на

контур: # c0dffb solid 1px;

0 голосов
/ 05 октября 2018

Вы используете outline-style: auto в своем css, это означает, что браузер должен решить, что делать, основываясь на контексте элемента.Webkit отображает outline-style: auto иначе, чем другие браузеры.Если вы хотите получить более похожее поведение во всех браузерах, я бы порекомендовал вам использовать приведенный ниже код или box-shadow вместо. 

.samp-banner {
  width: 100px;
  height: 100px;
  background-color: #d4edda;
  padding: 10px;
}

.samp-banner:focus {
  outline: 1px solid #c0dffb;
  outline-offset: 2px;
}
<div class="samp-banner">sample</dov>
...