清除CSS表單樣式的方法

在CSS中，可以使用initial關(guān)鍵字將表單元素重置為它們的默認(rèn)值，或者可以使用reset類來(lái)重置表單元素，以下是一些示例代碼：

1、使用initial關(guān)鍵字重置表單元素：

input:not([type="submit"]),
select,
textarea,
button {
  color: initial;
  font-size: initial;
  font-family: initial;
  line-height: initial;
  border: initial;
  background: initial;
  width: initial;
  height: initial;
  margin: initial;
  padding: initial;
}

2、使用reset類重置表單元素：

.reset {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  border: 0;
  background: transparent;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

在HTML中，可以將reset類應(yīng)用于表單元素，以重置它們的樣式：

<input type="text" class="reset">
<select class="reset">
  <option>Option 1</option>
  <option>Option 2</option>
</select>
<textarea class="reset"></textarea>
<button class="reset">Reset</button>

這將使表單元素恢復(fù)為它們的默認(rèn)值，或者根據(jù)reset類的定義來(lái)重置它們的樣式。