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

Question

  

可能重复：
  How to hide a <option> in a <select> menu with CSS?

我使用jquery .customSelect()设置了一个选择选项菜单，但无论如何在页面加载时会显示旧样式版本（see the image）。正如我看到这个脚本将旧的select选项的不透明度设置为“0”，这就是为什么它在页面完全加载后消失（它转到后台）。任何想法如何使旧样式始终是隐形（或隐藏）？

我已完成截屏Screenshot

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

Answer 1

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

将它们置于绝对位置并将其左侧置于-9999px 或者只是在样式表中使它们的不透明度为0，这样它们在javascript然后添加该样式之前就已经隐藏了

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

Answer 2

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