javascript - 如何隐藏选择选项的旧样式版本?

标签 javascript jquery html css

<分区>

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

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

我已经截图了Screenshot

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

最佳答案

如果我正确理解了这个问题,那么您是在尝试在设置样式之前隐藏下拉列表。在这种情况下,您可以通过几种方式做到这一点:

将它们绝对定位并将它们的左边放在-9999px 或者只是在样式表中将它们的不透明度设置为 0,这样它们就已经在 javascript 添加该样式之前隐藏了

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

关于javascript - 如何隐藏选择选项的旧样式版本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13973563/

相关文章:

javascript - JavaScript 中数据类型的困惑

javascript - 调整浏览器窗口大小时,内部 Div 字体大小不会随媒体查询而改变

javascript - 如何在html中嵌入文本文件?

javascript - 如何在另一个jsp页面中使用一个jsp的选定复选框值?

javascript - HTML 实时过滤表

html - 样式表因 <link> 标签上的 TITLE 属性而中断?

javascript - 让多个实例只显示被点击的实例

jquery - Rails 4 应用程序中的动态可折叠列表

javascript - 如何根据当前元素增加相邻的 HTML 元素高度?

javascript - HTML 和 JavaScript。为什么我的代码不起作用