改变按钮颜色

时间:2014-11-26 01:51:06

标签: 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>

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

2 个答案:

答案 0 :(得分:0)

<script>
    $('#buttondemo').hover(function(){$(this).css('color','#0000FF');});
</script>

尝试以上方法。 但是,最好使用:hover in css

的CSS:

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

答案 1 :(得分:0)

纯CSS解决方案:

#buttondemo:hover{color:red;}

http://jsfiddle.net/eot8du06/1/