javascript - 在鼠标悬停选择菜单上更改颜色

标签 javascript html css

我正在尝试选择多选组合框。在那里我必须自定义属性,当鼠标悬停在一个值上时颜色必须改变。我尝试了几个步骤,我知道它不起作用。建议我应该如何处理它。这是代码。

<html>
<head>
<style type="text/css" >

</style>
<script type="text/javascript">
var a="hidden";
function doset()
{
    if(a=="hidden")
    a="visible";
    else
    a="hidden";
    document.getElementById("myitems").style.visibility = a; 
}
function dochange(a)
{

    document.getElementById(a).style.background-color= 0xff00ff; 
}
</script>
</head>
<body>
<label>ajay</label>
<input type=button value="v" onClick="doset(); return false;"/>
<div id=myitems style='visibility:hidden'>
<select multiple="multiple" >
<option id= prav1 onMouseover="dochange(this.id); return true;">ajay</option>
<option id= prav2 onMouseover="dochange(this.id); return true;">musthafa</option>
<option id= prav3 onMouseover="dochange(this.id); return true;">praveen</option>
<option id= prav4 onMouseover="dochange(this.id); return true;">shruthy</option>
<option id= prav5 onMouseover="dochange(this.id); return true;">vasanth sir</option>
</select>
</div>
</body>
</html>

最佳答案

它是 backgroundColor 而不是 background-color

document.getElementById(a).style.backgroundColor= "#ff00ff";

SEE A WORKING DEMO

关于javascript - 在鼠标悬停选择菜单上更改颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11839241/

相关文章:

javascript - MouseMove 事件上 React 组件内 Canvas 上的矩形选择

css - 不同 block 中节点的 Drupal 标志和样式标志文本到按钮中

css - 位置 : absolute container with variable width 内的非包装内容

css - 伪元素对齐在 FFox 和 Chrome 中不同

javascript - 使用 JavaScript 等待 X 秒后页面重定向

html - 如何在 Bootstrap 导航栏下方实例化 HTML 模板

javascript - 使用 Promise 构造函数转换数组中的每个元素并将元素返回

html - 如何将 ul 中的 li 元素垂直居中对齐?

javascript - 在 React 中使用 es6 动态设置状态并获取状态

Javascript Date.UTC() 与 moment.utc()