Question

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

<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>

Answer 1

backgroundColor代替background-color

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

SEE A WORKING DEMO

Answer 2

document.getElementById（a）.style.background =“＃ff00ff”;

Answer 3

function dochange(a) 
{ 
  document.getElementById(a).style.backgroundColor = "#ff00ff";  
}

Answer 4

“document.getElementById（a）.style.background-color”是错误的必须是：“document.getElementById（a）.style.backgroundColor”

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

4 个答案: