No es capaz de cambiar el color del borde desplegable en EI11 cuando se expande

votos
0

Estoy tratando de aplicar color azul frontera para desplegables cuando se expande, pero he podido encontrar ninguna css trabajando para esto. ¿Puede alguien por favor ayuda con esto. Además, cuando se hace clic en las opciones desplegables están viniendo encima desplegable vs deberían empezar a mostrar a continuación desplegable. En cromo no hay ningún problema. Gracias por adelantado.

introducir

Publicado el 19/12/2018 a las 14:18
fuente por usuario
En otros idiomas...                            


2 respuestas

votos
0

Creo que su problema es similar a este enlace: Cómo el estilo de la <opción> sólo con CSS?

Se podría añadir estilo CSS junto con el código JS para lograr su requisito.

He modificado la demo en el enlace, tal vez usted podría hacer referencia a.

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

corriendo resultado

Respondida el 20/12/2018 a las 06:15
fuente por usuario

votos
0

El menú desplegable encima y por debajo es generalmente causada por la locaion del menú en relación con la parte superior o inferior de la ventana del navegador.

El borde azul se escribiría como esto (en CSS): border: 1px solid #06F;Hay varios tonos de azul, puede substitue la palabra blue, o utilizar otra sombra. #06Fes la abreviatura #0066FF.

Respondida el 20/12/2018 a las 03:54
fuente por usuario

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