[分享]css只写重置按钮在哪

在CSS中，我们通常需要对页面的样式进行调整和定制。但有时候，我们也需要从现有的样式中重置一些属性，以便我们可以更好地自定义它们。在这种情况下，我们就需要使用 CSS Reset，来清除默认的样式并重...

在CSS中，我们通常需要对页面的样式进行调整和定制。但有时候，我们也需要从现有的样式中重置一些属性，以便我们可以更好地自定义它们。在这种情况下，我们就需要使用 CSS Reset，来清除默认的样式并重新定义元素的属性。

/* CSS Reset */
body, html, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, address, menu, ol, ul, li, dl, dt, dd, form, fieldset, legend, input, textarea, button, select {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-family: inherit;
    font-weight: inherit;
    font-size: 100%;
    line-height: 1;
} 

在以上的 CSS Reset 中，我们罗列了多个 HTML 元素，并将它们的 margin、padding、border 等属性都设为 0，以此来清除它们的默认样式。通过这种方式，我们可以确保我们的文本和其他元素都有一个干净的起点，基于它们来进行样式的定制。

此外，我们还可以重置一些特定的元素，比如重置按钮的样式。同样地，我们可以使用 CSS Reset，来清除按钮的默认样式，以便我们可以重置它们的属性并添加自己的样式。

/* Reset Buttons */
button, input[type="button"], input[type="submit"] {
    border: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
} 

在以上的代码中，我们将 button 和 input 元素（type 为 button 或 submit）的边框（border）、内边距（padding）和背景色（background-color）都设为了 0，从而能够清除它们的默认样式。此外，我们还将它们的光标（cursor）设为 pointer，以便在鼠标悬停时有更好的交互效果。

通过使用 CSS Reset，并从默认样式中清除我们不需要的部分，我们可以更高效地进行样式定制，并确保我们的样式能够得到预期的效果。