Невозможно выбрать список из выпадающего на IE8

0

Добрый день. У меня проблема с выпадающим списком 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;}

вот изображение

Изображение 174551

  • 1
    Не могли бы вы показать свой HTML?
  • 0
    я только что добавил свой HTML
Показать ещё 3 комментария
Теги:
internet-explorer-8

2 ответа

0

Хорошего дня

Я разрешил эту проблему, добавив следующие 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;
}

спасибо тем, кто внес свой вклад :)

0

Попробуйте использовать инструменты разработчика Internet Explorer (F12 на клавиатуре) для доступа к инструменту селектора элементов (это значок, который выглядит как курсор). Затем наведите курсор на эту область и посмотрите, есть ли элемент, который ее блокирует.

Вероятность того, что элемент с номером кредитной карты перекрывается.

Вы также можете пройти и отменить выбор применяемых стилей на живой странице и посмотреть, позволяет ли что раскрывающийся список стать доступным. Тогда вы знаете, какой стиль мешает.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню