是否可以在悬停时更改选择列表选项的默认背景颜色？
HTML:
<select id="select">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>
我试过了 option:hover { background-color: red; },但没用.有人知道怎么做这个吗？
我想在鼠标光标悬停时提醒选项.我用这个代码:
$("select > option").hover(function ()
{
alert($(this).attr("id"));
});
不幸的是,这既不适用于IE,也不适用于FF.
有人可以给我一个提示吗？
select当用户将鼠标悬停在它上面时,我正试图让一个盒子自动弹出,就好像他们点击了它一样.这可能吗？
我想我可以用jQuery轻松做到这一点......
$("#settings-select").mouseover(
function(){
$(this).trigger("click");
}
);
但这没有任何作用.有任何想法吗？
有人可以解释一下粘贴的代码有什么问题吗？<a>它会在悬停时显示警报，但不会像我预期的那样执行单击事件，并且单击对标签或标签都不起作用<select>。我的目的是通过触发点击事件来展开悬停时的select元素
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
</head>
<body>
<a id="linkElement" href="www.google.co.uk">click</a>
<select name="cars" id="selectElemet">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<script>
$(document).ready(function () {
$("#selectElement").mouseover(function () {
$("#selectElement").trigger("click");
});
$("#linkElement").mouseover(function () {
alert('here');
$("#linkElement").trigger("click");
});
});
</script>
</body>
</html>
我很新做自己的CSS更改,我有点卡在select元素上.到目前为止,我想使用以下CSS:
select {
float: left;
border: 0 none;
height: 46px;
width: 240px;
background-color: #191919;
font-size: 14px;
color: white;
}
唯一的问题,现在我看到某种渐变,我似乎无法在CSS中找到任何东西来摆脱它.
以下是我所看到的
