Nie jest w stanie zmienić kolor obramowania rozwijaną w IE11 gdy rozszerza

głosy
0

Próbuję zastosować obramowanie koloru niebieskiego do rozwijanej gdy rozszerza się, ale jestem w stanie znaleźć żadnej pracy dla tego css. Może ktoś proszę mi pomóc z tym. Także wtedy, gdy klikniemy na rozwijanej opcji idą powyżej rozwijanej vs powinni zacząć pokazano poniżej menu. W chromie nie ma problemu. Z góry dziękuję.

wprowadzić

Utwórz 19/12/2018 o 14:18
źródło użytkownik
W innych językach...                            


2 odpowiedzi

głosy
0

Myślę, że problem jest podobny do tego linku: Jak Style <option> z tylko CSS?

Można dodać styl CSS wraz z kodem JS, aby osiągnąć swoje wymagania.

I zostały zmodyfikowane demo w link, może można zapoznać się.

    <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>

uruchomiony wynik

Odpowiedział 20/12/2018 o 06:15
źródło użytkownik

głosy
0

Listy rozwijanej powyżej i poniżej jest zwykle spowodowane przez locaion menu w stosunku do górnej lub dolnej części okna przeglądarki.

Niebieska granica będzie napisane tak (CSS): border: 1px solid #06F;Istnieje kilka odcienie niebieskiego, można podstawniki, słowo blue, lub użyć innego odcienia. #06Fjest skrótem #0066FF.

Odpowiedział 20/12/2018 o 03:54
źródło użytkownik

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more