如何实现鼠标移动按钮上，按钮变颜色的效果

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/jal517486222/article/details/82425375

可以通过js来改变鼠标放在按钮上的样式：

这是按钮的默认状态：

<button id='btn' class=" btn btn-block btn-default">提交</button>

js中可以这样写：

<script>
        window.onload = function() {
            var btn = document.getElementById('btn');
            btn.onmouseover = function() {
                $("#btn").addClass('btn-info');
            };
            btn.onmouseout = function() {
                $("#btn").removeClass('btn-info')
            };
        };
    </script>