CSS的form表单继承样式问题

一些浏览器，表单元素默认不继承字体，因此如果你想确保使用body的字体或者父元素的字体，你需要增加css的规则。

button,
input,
select,
textarea {
  font-family : inherit;
  font-size : 100%;
}

还有表单元素的box尺寸的问题， box-sizing: border-box;

button,
input,
select,
textarea {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}


textarea {
  overflow: auto;
}


这些form reset可以避免一些样式在不同的浏览器下显示的不一样，合并如下：

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  box-sizing: border-box;
  padding: 0; 
  margin: 0;
}

textarea {
  overflow: auto;
}
阅读量: 475
发布于:
修改于: