css取消原鼠标移入效果 |css3nthchildn

a {
text-decoration: none;
/* 取消链接下划线 */
}
img {
border: none;
/* 取消图片的默认边框 */
}
button:hover {
background-color: initial;
/* 取消按钮的默认悬停背景色 */
}

以上代码中，text-decoration: none;可以取消链接的下划线效果。同样的，border: none;可以取消图片的默认边框效果。而background-color: initial;可以取消按钮的默认悬停背景色。

除此之外，还有一些其他常用的取消原鼠标移入效果的 CSS 属性，例如：

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
background-color: initial;
/* 取消按钮的默认悬停背景色 */
}
select:hover {
background-color: initial;
/* 取消下拉菜单的默认悬停背景色 */
}
input:focus,
textarea:focus,
select:focus {
outline: none;
/* 取消表单元素的默认聚焦效果 */
}

在以上代码中，大家使用了伪类选择器:hover来取消按钮和下拉菜单的默认悬停背景色。同时，outline: none;可以取消表单元素的默认聚焦效果。

总而言之，通过 CSS 取消原鼠标移入效果，大家可以更好地控制网页风格，提高用户体验。