gpt4 book ai didi

css - IE10 忽略 css 中的 first-child 并应用于所有?

转载 作者:太空宇宙 更新时间:2023-11-04 13:56:08 26 4
gpt4 key购买 nike

我想做的是从 select 中删除下拉箭头使用此 CSS:

.Gender:first-child::-ms-expand {
display: none;
}

选择元素被禁用,其内容以编程方式设置。它仍然是一个选择,因为我们“独特的”滚动你自己的绑定(bind)方法,这将是一个巨大的替换/更新。

基本上我有一个部分可以输入动态人数的基本信息。第一个实例始终是主实例,它的数据来自页面的另一部分,因此它在此处被禁用并绑定(bind)到其他形式的值。之后的每个其他条目都是可编辑的。想法是从第一个选择中删除下拉箭头,因为它们是只读的。我知道即使缺少下拉箭头选择继续工作但我仍然希望它存在于所有其他未禁用的选择中。

我知道它在简化的 JSFiddle 中有效但是在我的站点中,所有具有这些类的选择都隐藏了它们的下拉箭头。我可以在我的网站上寻找什么来绕过 :first-child伪类?为什么它可能在 fiddle 中起作用,但在实际站点中不起作用?

我正在阅读的所有内容都说要检查您的文档类型。我的是 <!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//en"> .我发现没有人明确说明要使用的确切文档类型,因此这可能不是 100% 正确。

另外,这只需要在 IE10 中工作,它是一个内部网络应用程序,永远不会在其他任何地方运行。

最佳答案

当只有第一个应该匹配时,特定元素的每个实例都匹配 :first-child 的最常见原因是,如果这些元素中的每一个都实际存在于其自己的容器元素中.这是一个例子:

<div class='parent'>
<select class='Gender'>
<option>Male</option>
<option>Female</option>
</select>
</div>
<div class='parent'>
<select class='Gender'>
<option>Male</option>
<option>Female</option>
</select>
</div>
<div class='parent'>
<select class='Gender'>
<option>Male</option>
<option>Female</option>
</select>
</div>

在这里,每个 .Gender 都是其父元素 .parent 的第一个也是唯一的子元素。另一方面,.parent 元素本身是彼此的 sibling ,共享相同的父元素(未显示)。根据您的源代码,可能很难确定这些父元素在源代码中的位置,但只要您的标记有效,它们就应该在某处。

如果确实是问题所在,修复它很简单——只需将 :first-child 伪类移动到适当的元素即可:

.parent:first-child .Gender::-ms-expand {
display: none;
}

Updated fiddle

关于css - IE10 忽略 css 中的 first-child 并应用于所有?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21858542/

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