无法从 IE8 的下拉列表中选择列表答案

【问题标题】：Unable to Select list from Dropdown on IE8无法从 IE8 的下拉列表中选择列表
【发布时间】：2013-12-18 15:36:26
【问题描述】：

美好的一天。我对 IE8 <select> 下拉列表有疑问。我无法访问、单击或从下拉列表中选择项目。一旦我将光标放在列表中，列表就会隐藏起来。这仅在 IE8 上发生，我尝试使用 <!--[if IE 8]> 仅针对 IE8，但我似乎无法解决此问题。我相信这只是<html> 和[CSS] 修复。基本上我希望下拉菜单延迟一点，以便用户可以选择列表中的选项。这是我到fiddle的链接

这是我的html：

<dl id="checkout-payment-method-load">
    <dd>
        <ul style="" id="payment_form_cybersourcesop" class="form-list">
            <li class="field">
                <label class="required" for="cybersourcesop_cc_type">Credit/Debit Card Type<em>*</em></label>
                    <div class="input-box">
                        <select class="required-entry validate-cc-type-select" name="payment[cc_type]" id="cybersourcesop_cc_type" autocomplete="off">
                            <option value="">--Please Select--</option>
                            <option value="001">Visa</option>
                            <option value="002">MasterCard</option>
                        </select>
                    </div>
                </li>
        </ul>   
    </dd>
</dl>

这是我的 CSS：

.checkout-onepage-index .form-list select{
margin: 0 2px 30px 0 !important}

.form-list select{
margin: 0 10px 0 0;
width: 175px;}

select{
 background-color: #FFFFFF;
border: 1px solid #1B191A;
box-shadow: 0 0 2px 0 #1B191A inset;
color: #555555;
font-family: 'foco_corpregular';
font-size: 13px;
height: 25px;
padding: 2px 0 0 5px;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;}



label, select, button, input[type="button"], input[type="reset"], input[type="submit"],input[type="radio"], input[type="checkbox"] {
cursor: pointer;}

这是图片

【问题讨论】：

你能展示你的 HTML 吗？
是否有与下拉菜单相关的 CSS 和 Javascripts？
fiddle.jshell.net/aWLLa我的小提琴链接

标签： jquery html css internet-explorer-8

【解决方案1】：

尝试使用 Internet Explorer 的开发人员工具（键盘上的 F12）来访问元素选择器工具（它是一个看起来像光标的图标）。然后在该区域周围挥动光标，看看是否有元素阻挡它。

很可能与信用卡号的元素重叠。

您还可以在实时页面上浏览并取消选择适用的样式，并查看是否有任何内容允许下拉列表变为可选状态。然后你就知道是哪种风格干扰了。

【讨论】：

【解决方案2】：

美好的一天

我已通过在 <head> 中添加以下 css 解决了这个问题

<!--[if IE 8]><style>
 select{
    background-color: #FFFFFF;
    border: 1px solid #1B191A;
    box-shadow: 0 0 2px 0 #1B191A inset;
    color: #555555;
    font-family: 'foco_corpregular';
    font-size: 13px;
    height: 5px;
    padding: 2px 0 0 5px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

感谢那些做出贡献的人:)

【讨论】：