在使用CSS风格设计网页时，取消按钮阴影效果是非常常见的需求。在默认情况下，很多浏览器都会对按钮添加一些阴影效果，这样会让按钮显得有点凌乱。本篇文章将教你如何使用CSS取消按钮的阴影效果。

button {
/* 取消按钮的阴影效果 */
box-shadow: none;
-webkit-box-shadow: none;
}

代码非常简单，只需要将box-shadow属性和-webkit-box-shadow属性均设置为none即可。这里需要注意的是，-webkit-box-shadow是为了兼容旧版本的Safari和Chrome浏览器而设置的。

当然，如果你希望移除所有按钮的阴影效果，可以使用通用选择器*。

/* 取消所有按钮的阴影效果 */
button, input[type="button"], input[type="submit"], input[type="reset"], * {
box-shadow: none;
-webkit-box-shadow: none;
}

上述代码中，我们使用了多个选择器，包括按钮、输入框和通用选择器。这样可以确保所有按钮的阴影效果均被取消。

总之，取消按钮的阴影效果非常简单，只需要在CSS中添加box-shadow: none;和-webkit-box-shadow: none;即可。如果你想移除所有按钮的阴影效果，可以使用多个选择器或者通用选择器。