Question

我在这里看到过很多处理此事的职位但我不能很快纠正

我试图用自定义图像来样式选中的框。我设置它的方式是设置选中框的 < code> 不透明性:0; , 在它后面设置背景图像, 并使用 javascript 来设置 div 内当前选中的值。我有它在 Firefox、 Chrome 和 Safari 中工作, 但是在 IE 中没有运气。

示例1:不透明度=0,没有div的背景图像。事件火灾,但没有可见的显示。

实例2:不透明度=0, div 具有我的背景图像。 Firefox、Chrome和Safari 完美地工作,但在 IE 中不起作用。

例 3 : 不透明度= 1, 没有 div 的背景图像。事件不着火, 正常选择的行为似乎不存在。

例 4 : 不透明度= 1, div 有我的背景图像。事件不着火, 正常选择的行为似乎不存在。

注意: 我从例3 和例 4 中删除了不透明性 : 1, 但仍有同样的行为。我还在选择框上使用 z index 50, 在 div s 上使用 z index 0, 以确保它们出现在选择后面。反之则似乎没有提供不同的行为。

为了记录,我尝试了在我的例2中点击,. change,.live ("点击").live ("点击").live ("点击").live ("点击").live ("点击").live ("点击").lives ("点击"change").on.on ("点击"change").on.on ("点击"change").on.on.on ("creang").on.on ("creang"), 在4个浏览器中测试它。我最终的问题是为什么没有在 e. e. e. 。次要问题是, 与不透明性及其对选定框的影响是什么有关? 我以表象为假设: 我在那里没有, 但我仍然不明白不透明为何重要。如果您需要我张贴我所能提供的代号。但你应该能够通过我提供的测试页看到 javacrint和 css。

Answer 1

您应该将相似的元素嵌入

<div class="styled-dropdown-container">
     <select>...</select>
</div>

您可以在 < code> 上添加 < code> 点击事件听众器。 stated- down- down- container 上。事件会从下沉中正确推进( 向上缓冲), 当用户手动关注您的输入时, 也会被模拟( 即通过刺穿它) 。

友情链接