css去掉按钮默认样式

当我们在进行web页面的制作时，会发现按钮的默认样式并不总是符合我们的要求，这时就需要用到CSS去掉按钮的默认样式。

button{
  padding:0;
  border:none;
  background:none;
  outline:none;
  cursor:pointer;
}

上述代码可以去除按钮的边框、背景、外边框和鼠标样式，以达到清爽简约的效果。

需要注意的是，这个代码块应该放在你自己写的CSS文件中，而不是直接放在HTML文件中。这样可以使网站的代码更加整洁易懂。

在此基础上，如果需要对按钮进行自定义样式，可以在CSS文件中添加相关代码，如下所示：

.my-button{
  padding:10px 20px;
  background-color:#ff0000;
  color:#ffffff;
}

代码中，我们定义了一个类名为".my-button"，然后设置了它的padding、背景颜色和字体颜色。在HTML文件中，只需要将按钮的class属性设置为".my-button"，即可使用这些样式。

总之，去掉按钮的默认样式并不难，只需要在CSS文件中添加相关的代码即可。