Jquery 选择“样式选择”时更改颜色
我用的是这种选择风格 我的问题是,当选择一个选项时,右键会画一个蓝色的轮廓 我该怎么做才能不画这个轮廓 css是:Jquery 选择“样式选择”时更改颜色,jquery,html,css,Jquery,Html,Css,我用的是这种选择风格 我的问题是,当选择一个选项时,右键会画一个蓝色的轮廓 我该怎么做才能不画这个轮廓 css是: .selectDark .styleSelect_item{ width:150px; } .selectDark .styleSelect_item_start{ height:8px; background:url("/images/images//darkFirst2.jpg") no-repeat top l
.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;
}
我正在使用以下脚本:
谢谢
编辑:
在样式表顶部,尝试添加以下内容:
* {
outline: none;
}
这将针对页面上的任何内容,并给出一个无的大纲
@蛇形炸弹-那不是真的。每样东西都有一个轮廓。Safari得到一个蓝色的,Firefox得到一个带点的。它将在任何浏览器中进行概述。这与网站的关系不如与Chrome的关系密切。Google Chrome以橙色突出显示重点输入
*:focus{
outline: none;
}
其他浏览器一开始并没有重点元素的轮廓,但这是Chrome的一个功能,这就是为什么它在CSS中没有出现的原因。在哪个浏览器中看到蓝色轮廓?这仍然不能解决问题,如果我点击第一个下拉菜单选择一个选项,整个下拉菜单上会出现一个橙色的轮廓。
*:focus{
outline: none;
}