IE8下拉选项不可点击

我遇到了IE8问题，其中两个下拉框中的一个不能正常工作。它在Firefox，Chrome和Safari以及IE9 +中运行良好，但由于某些原因，IE8无法正常工作。IE8下拉选项不可点击

基本上，顶部下拉框允许您单击并显示选择，但只要您向下移动鼠标以选择某个选项，下拉列表就会消失。有时你可以快速选择一个选项，或者如果你使用箭头键，你可以选择罚款。底部盒子完美无缺地工作，这真的很奇怪。另外，当我将下拉框移动到窗体的顶部（在其他输入区域上方）时，通过双击下拉菜单然后选择选项，它可以稍微改进，但它仍然不够完美。

经过进一步测试，看起来问题可能在于我使用的这些CSS切换按钮：http://ghinda.net/css-toggle-switch/，因为这些按钮也无法正确显示（IE8忽略所有样式）。

对不起，如果我不清楚。该网站还没有生活，所以我不能让你看到它，但这里是我使用的代码。

<label class="control-label">Dropdown2</label> 
<div class="controls"> 
    <select class="m-wrap" style="width: 100px; margin-left: 4px; margin-top: 4px;" id="option1" onChange="QuoteRefresh();" tabindex="1"> 
    <option value="">Select...</option> 
    <option value="1">1</option> 
    <option value="5">2</option> 
    <option value="2">3</option> 
    <option value="3">4</option> 
    <option value="6">5</option> 
    <option value="4">6</option> 
    </select> 
</div> 
<label class="control-label">Dropdown 2</label> 
<div class="controls">          
    <select class="m-wrap" style="width: 100px; margin-left: 4px; margin-top: 4px;" id="option2" onChange="QuoteRefresh();" tabindex="1"> 
    <option value="">Select...</option> 
    <option value="1000">1000</option> 
    <option value="2000">2000</option> 
    <option value="3000">3000</option> 
    <option value="4000">4000</option> 
    <option value="5000">5000</option> 
    </select> 
</div>

我刚刚从我的HTML中删除了下面的代码，问题已经消失。此代码涉及上述切换按钮。不过，我需要这些切换按钮来处理下拉菜单。

<div class="switch candy blue"> 
    <input id="op1" name="sat" type="radio"> 
    <label for="op1" onClick="">Yes</label> 
    <input id="op2" name="sat" type="radio" checked> 
    <label for="op2" onClick="">No</label> 
    <span class="slide-button"></span> 
    </div>

来源

2013-10-03 Antony D

QuoteRefresh（）函数在做什么？ – Ollie

Hi Ollie，QuoteRefresh（）做了一些JQuery计算，但是我已经把它拿出来了，问题仍然存在，所以它似乎没有任何关系。 –

在他们的页面上说“没有支持媒体查询的浏览器，比如IE8和bellow，可以获得标准的表单元素。” – AlienWebguy

我曾在IE8这个确切的问题与选择的元素。我点击了，选项出现了，但是当我选择一个选项时，它们消失了。

我的问题是CSS3 PIE。我以为我只会提供这个答案，因为CSS3 PIE的使用相当普遍。在我的情况下，我使用它来绕过旧版浏览器中select元素的角落。

只要我删除了添加了CSS3 PIE“行为”的选择器，问题就消失了。不再在IE8中选择元素的圆角边框，但它们现在实际上是功能性的。

来源

2014-05-05 10:25:27 Eneles

你能解释一下你是如何将这个问题归咎于CSS3 PIE问题的？我有完全相同的问题，但我不使用CSS3 PIE，所以我想知道如何找出它可能是什么 – Worthy7

IE8下拉选项不可点击

回答

相关问题