/* 去除链接hover效果 */ a:hover { text-decoration: none; } /* 去除按钮hover效果 */ button:hover { background-color: inherit; color: inherit; }
在上面的代码中,大家用了两个简单的例子来演示如何去除链接和按钮的hover效果。
首先,大家来看如何去除链接hover效果。在默认情况下,链接hover时会有一个下划线,然而,大家有时候不希望它出现。大家只需要在CSS中添加一行代码:text-decoration: none; 即可。
接下来,大家看如何去除按钮hover效果。默认情况下,按钮hover时会改变它的背景颜色和字体颜色,但大家有时候不希望这样。大家只需要在CSS中添加两行代码:background-color: inherit; 和 color: inherit;。这样就能让按钮hover时与其普通状态没有任何区别了。