Пустой селектор атрибутов не работает в браузере Edge - PullRequest
Новая
       5

Пустой селектор атрибутов не работает в браузере Edge

0 голосов
/ 15 февраля 2019

Я использую конкретную версию Edge, в которой пустой селектор атрибутов не работает (дополнительная информация здесь )

Мой селектор выглядит так: 

[ct-validation]:not([ct-validation=""]) {
  border-color: red;
}

Атрибут ct-validation содержит сообщение об ошибке.Если сообщение об ошибке существует, к элементу применяется красная граница.Это прекрасно работает во всех браузерах, кроме Edge (40.15063.0.0).Обновление недоступно из-за корпоративных ограничений ИТ: (

Есть ли другой способ проверить, что атрибут пуст, используя только CSS ?

1 Ответ

0 голосов
/ 15 февраля 2019

Я не могу подтвердить, что это работает в реальном браузере Edge, но Переопределение пользовательского агента в инструментах chrome dev и инструментах edge dev дает желаемые результаты с простым каскадным стилем вниз:

Пользовательский агент для справки:
Mozilla / 5.0 (Windows NT 10.0; Win64; x64) AppleWebKit / 537.36 (KHTML, как Gecko) Chrome / 42.0.2311.135 Safari / 537.36 Edge / 15.15063

Обратите внимание на различные примеры, которые он охватывает: 

[ct-validation] {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}

[ct-validation=""] {
  border-color: red;
}
<div ct-validation="">bad</div>
<div ct-validation="    ">bad</div>
<div ct-validation=>bad</div>
<div ct-validation>bad</div>
<div ct-validation="abc">good</div>

Редактировать: проверялось то же самое в инструментах разработчика Edge, переопределяющих пользовательский агент до v15.15063

...