Não é capaz de mudar a cor da borda suspensa no IE11 quando se expande

votos
0

Eu estou tentando aplicar cor azul fronteira para dropdown quando se expande, mas eu sou incapaz de encontrar qualquer css trabalhando para isso. Alguém por favor pode ajudar com isso. Além disso, quando clicamos no drop down as opções estão vindo acima suspensa vs eles devem começar a mostrar abaixo suspensa. No Chrome não há nenhum problema. Desde já, obrigado.

digite

Publicado 19/12/2018 em 14:18
fonte usuário
Em outras línguas...                            


2 respostas

votos
0

Eu acho que o problema é semelhante a este link: Como o estilo do <option> com apenas CSS?

Você poderia adicionar estilo CSS juntamente com o código JS para alcançar sua exigência.

Eu modificado o demo no link, talvez você poderia se referir.

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

correndo resultado

Respondeu 20/12/2018 em 06:15
fonte usuário

votos
0

O menu suspenso acima e abaixo é geralmente causado pela locaion do menu em relação à parte superior ou inferior da janela do navegador.

A borda azul seria escrito como este (em CSS): border: 1px solid #06F;Existem vários tons de azul, você pode substitue a palavra blue, ou utilizar outra sombra. #06Fé uma abreviação para #0066FF.

Respondeu 20/12/2018 em 03:54
fonte usuário

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