Question

我正在使用此选择样式http://www.8stream.com/scripts/styleSelect/

我遇到的问题是，当选择一个选项时，右选择会绘制一个蓝色轮廓。

如何不绘制此大纲？

css是：

.selectDark .styleSelect_item{
        width:150px;
        }

.selectDark .styleSelect_item_start{
        height:8px;
        background:url("/images/images//darkFirst2.jpg") no-repeat top left;
        }

.selectDark .styleSelect_item_content{
        height:100px;
        overflow-x: hidden;
        overflow-y: scroll;
        background:#525252;
        }

.selectDark .styleSelect_item_end{
        height:8px;
        background:url("/images/images/darkLast2.jpg") no-repeat top left;
        }

.selectDark{
        background: url("/images/images/darkBackground2.jpg") no-repeat top left;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:12px;
        }

.selectDark .passiveSelect,.selectDark .activeSelect{
        height:25px;
        line-height:2em;
        display:block;
        cursor:pointer; 
        padding-left:10px;
        margin-right:10px;
        }

.selectDark .passiveSelect{
        background:url("/images/images/darkNormal.jpg") no-repeat top right;
        color:#fff;
        }

.selectDark .activeSelect{
        background:url("/images/images/darkNormal.jpg") no-repeat top right;
        color:#fff;

        }

.selectDark ul{
        padding:0;
        margin:0;
        list-style:none;
        cursor:pointer; 
        }

.selectDark li{
        padding:25px 0;
        margin:0;
        font-weight:normal;
        padding:2px 0 2px 12px;
        color:#aeaeae;
        }

.selectDark li:hover{
        color:#fff;
        }

.selectDark .selected{
        color:#fff;
        }

我在http://81.35.152.41:8888/ca/dinamic/coleccions

中使用此脚本

由于

Answer 1

.selectDark{
    background: url("/images/images/darkBackground2.jpg") no-repeat top left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    **outline: none;**
    }

编辑：

在样式表的顶部，尝试添加以下内容：

* {
    outline: none;
}

这将定位页面上的任何内容，并给出大纲无。

@SnakeBombs - 这不是真的。一切都得到了大纲。 Safari获得蓝色，Firefox获得点缀。它将在任何浏览器中概述。

Answer 2

这与网站无关，与Chrome相关。谷歌浏览器以橙色突出显示重点输入。

*:focus{
    outline: none;
}

其他浏览器首先没有关注焦点元素的大纲，但它是Chrome的一个功能，这就是为什么它显示尽管你的CSS中没有。

选择样式选择时更改颜色

2 个答案: