js怎么动态去掉hover效果？

代码如下：
<!DOCTYPE HTML>
<style>
input[type="button"]:hover{
color:red;
}
</style>
<input type="button" value="有hover樣式"/>我想实现：用javascript去掉按钮的hover效果。hovercss hovercss

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    input:hover{
    color:red;
    }
    </style>
    </head><body>
    <input type="button" id="btn" value="有hover樣式"/>
    <script type="text/javascript">
    var styleObj= document.styleSheets[0].cssRules[0].style;styleObj.removeProperty('color');
    </script>
    </body>
    </html>
      

  2.   

    如果想把:input[type="button"]:hover全部删除
    document.styleSheets[0].deleteRule(0);