IE11展开时无法更改下拉边框的颜色

Question

我正在尝试将蓝色的边框颜色扩展到下拉菜单中，但是我无法为此找到任何有效的CSS。任何人都可以帮忙。同样，当我们单击下拉菜单时，选项位于下拉菜单上方，而它们应该开始显示在下拉菜单下方。在chrome中没有问题。预先感谢。

Answer 1

上方和下方的下拉菜单通常是由菜单相对于浏览器窗口顶部或底部的位置引起的。

蓝色边框的写法如下（在CSS中）： git shortlog --no-merges -sn有几种蓝色阴影，您可以替换单词border: 1px solid #06F;，或使用其他阴影。 blue是#06F的简写。

Answer 2

我认为您的问题类似于此链接：How to style the <option> with only 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>