Html 更改按钮颜色_Html - Fatal编程技术网

Html 更改按钮颜色

html

Html 更改按钮颜色,html,Html,我试图让按钮的文字按钮演示变成蓝色或任何其他颜色时，悬停在它上面，然而，我似乎无法完成它。代码有问题，但错误在哪里？我该如何更正 <body> <script src="jquery-1.11.1.min.js"></script> <h1>Button Factory <img src="/img/gearbutton.jpg" style="width:40px;height:40px"></h1>

我试图让按钮的文字按钮演示变成蓝色或任何其他颜色时，悬停在它上面，然而，我似乎无法完成它。代码有问题，但错误在哪里？我该如何更正

<body>
    <script src="jquery-1.11.1.min.js"></script>

    <h1>Button Factory <img src="/img/gearbutton.jpg" style="width:40px;height:40px"></h1>

    <button id="buttondemo">Button Demo</button>

    <script>
    $('#buttondemo').click(function(){location.href="button_demo.html";});
    </script>

    <script>
    $('#buttondemo').hover(function(){style="color:#0000FF";});
    </script>

</body>

纯CSS解决方案：

#buttondemo:hover{color:red;}

是的，成功了！谢谢但是有没有办法让它在移开鼠标后恢复到原来的颜色呢？试着连接一个mouseout事件，把它放回原来的颜色。不过使用css:hover可能会更好

#buttondemo:hover{
  color:#0000FF;
}

#buttondemo:hover{color:red;}