gpt4 book ai didi

html - 显示 :none doesn't work for option

转载 作者:太空狗 更新时间:2023-10-29 15:05:22 27 4
gpt4 key购买 nike

演示 here

HTML:

display:none <b>not works</b>,the hidden can <b>not select</b>.<br>
<select size="5">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="G">G</option>
<option value="H">H</option>
<option value="I">I</option>
</select><br>

display:none <b>works</b>,the hidden <b>can select</b>.<br>
<select>
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
<option value="D">D</option>
<option value="E">E</option>
<option value="F">F</option>
<option value="G">G</option>
<option value="H">H</option>
<option value="I">I</option>
</select>

CSS:

select{width:50px;}

[value=C]{
display: none;
}
/* will hold the position */
[value=B]{
visibility: hidden;
}

size属性会影响显示和可见性,这是​​怎么回事?

如何隐藏 select 中具有 size 属性的选项?

最佳答案

查看更新的部分

我认为你不能只为所有浏览器使用 CSS,你需要一些 JS 代码,之前有一个问题非常相似:

How to hide a <option> in a <select> menu with CSS?

在 Chrome (v. 30) 中“display:none”不起作用,但是在 Firefox (v. 24) 中它起作用,带有“display:none”的选项没有出现在列表中。

更新 2:

在当前的 Chrome (v. 70) 和 Firefox (v. 63) 版本中,使用带有“display:none”的 css 以及选项标签中的属性“disabled”会从列表中删除该选项,并且它不会'不再出现。

<html><body>
<select>
<option disabled style="display:none">Hola</option>
<option>Hello</option>
<option>Ciao</option>
</select>
</body></html>

感谢@achecopar 的帮助

关于html - 显示 :none doesn't work for option,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19270386/

27 4 0
文章推荐: html - 使用 WebDriver 单击
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com