Невозможно изменить цвет границы раскрывающегося списка в IE11 при расширении

Question

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

Answer 1

Я думаю, что ваша проблема похожа на эту ссылку: Как стилизовать только с CSS?

Вы можете добавить стиль CSS вместе с кодом JS, чтобы удовлетворить ваши требования.

Я изменил демо в ссылке, может быть, вы могли бы обратиться.

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>
    $(function () {
        var opened = false;
        var select = $('select');
        select.click(function (e) {
            opened = !opened
            if (opened) {
                select.attr('size', 10);
            } else {
                select.attr('size', 1);
            }
        })
    })
</script>

<style>
    select {
        width: 10em;
        font-size: 1.5em;
        overflow-y: hidden;
        border: 2px solid blue;
    }


        select option:hover {
            position: relative;
        }

            select option:hover:after {
                right: 0;
                position: absolute;
            }
</style>

<select size=1 class="select">
    <option selected>Select</option>
    <option>Blue</option>
    <option>Red</option>
    <option>Green</option>
    <option>Yellow</option>
    <option>Brown</option>
</select>

Answer 2

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

Синяя рамка будет выглядеть следующим образом (в CSS): border: 1px solid #06F; Существует несколько оттенков синего, вы можете заменить слово blue или использовать другой оттенок.#06F является сокращением для #0066FF.