javascript - 如何隐藏旧样式的选择选项？

Question

可能重复：
如何使用 CSS 在 <select> 菜单中隐藏 <option>？

我已经使用 jquery 设置了选择选项菜单的样式，.customSelect()但无论如何在页面加载时会出现旧样式版本（见图）。正如我所见，此脚本将旧选择选项的不透明度设置为“0”，这就是页面完全加载后它消失（进入背景）的原因。任何想法如何使旧样式始终不可见（或隐藏）？

我做了一个截图Screenshot

解决方案：将不透明度设置为“0”，以便它们在 javascript 之前已经隐藏，然后添加该样式谢谢皮特

Answer 1

如果我正确理解了这个问题，那么您正试图在设置样式之前隐藏下拉列表。在这种情况下，您可以通过以下几种方式执行此操作：

将它们绝对定位并将它们的左侧放置到 -9999px 或只是在样式表中将它们的不透明度设为 0，以便它们在 javascript 然后添加该样式之前已经隐藏

您不应该真正使用 display:none 或 visiblity:hidden 作为输入，因为某些浏览器不会发布它们的值

Answer 2

如何visibility:hidden在css中设置它？假设这不会中断生成的 jQuery 菜单。