gpt4 book ai didi

css - 边框在 IE 中不起作用

转载 作者:行者123 更新时间:2023-12-02 22:01:01 25 4
gpt4 key购买 nike

我想给元素添加边框

  1. .xforms-required 类而不是 span 元素或
  2. input 元素是具有 .xforms-required 类的元素的后代

所以我想到了

.xforms-required:not(span), .xforms-required input {
border: 1px solid gold !important;
}

这是 Fiddle .

它在 Firefox 18.0.1 中工作正常,但在 IE 中不工作(在 IE 8 中测试)。不确定 CSS 选择器或 border 属性是否有问题。

在 IE 中遇到 jsFiddle 的一些问题,所以写了一个简短的片段

<html>
<body>
<style>
.xforms-required:not(span), .xforms-required input {
border: 1px solid gold !important;
}
</style>
<span class="xforms-required">
<input> // This should get border
</span>
<input class="xforms-required"> // This should get border
</body>
</html>

抱歉,这可能是个愚蠢的问题,但不是 CSS 专家,所以..


作为Adrift指出 :not() 在 IE9+ 中受支持,在 IE7+ 版本中实现相同的任何其他替代方法

最佳答案

怎么样:

input.xforms-required, .xforms-required input {
border: 1px solid gold;
}

可选:

span.xforms-required {
border: none;
}

关于css - 边框在 IE 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16939905/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com