Question

我正在使用Edge的特定版本，其中空属性选择器不起作用（更多信息here）

我的选择器如下：

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

ct-validation属性包含错误消息。如果错误消息存在，则将红色边框应用于该元素。在Edge（40.15063.0.0）以外的所有浏览器中，此功能均正常运行。由于公司IT限制，无法升级：（

是否只有使用CSS 来检查属性是否为空？

Answer 1

~~我无法确认此功能是否可以在实际的Edge浏览器中使用，但~~ 在chrome开发工具和edge开发工具中覆盖用户代理，只需简单地向下层叠样式即可产生所需的结果：

供参考的用户代理：
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

空属性选择器在Edge浏览器中不起作用

1 个答案: