Добрый день. У меня проблема с выпадающим списком IE8 <select>
. Я не могу получить доступ, нажмите или выберите элемент из списка в раскрывающемся списке. как только я помещаю курсор в список, список скрывается. Это происходит только в IE8, но я попытался использовать <!--[if IE 8]>
для IE8, но я не могу исправить эту проблему. Я считаю, что это просто исправление <html>
и [CSS]
. В принципе, я хочу, чтобы вы отложили немного, чтобы пользователь мог выбрать параметры внутри списка. вот моя ссылка на скрипку
вот мой 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;}
вот изображение
Хорошего дня
Я разрешил эту проблему, добавив следующие css внутри <head>
<!--[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;
}
спасибо тем, кто внес свой вклад :)
Попробуйте использовать инструменты разработчика Internet Explorer (F12 на клавиатуре) для доступа к инструменту селектора элементов (это значок, который выглядит как курсор). Затем наведите курсор на эту область и посмотрите, есть ли элемент, который ее блокирует.
Вероятность того, что элемент с номером кредитной карты перекрывается.
Вы также можете пройти и отменить выбор применяемых стилей на живой странице и посмотреть, позволяет ли что раскрывающийся список стать доступным. Тогда вы знаете, какой стиль мешает.