Question

我为此搜索过但我只能找到如何更改/修改输入，选择和按钮元素的样式。

我要做的是在所有浏览器和移动设备上删除除值本身以外的所有阴影，边框，背景，图标等。

Answer 1

您可以使用normalize.css来改进跨浏览器呈现。您可以在normalize.css中更新以下类。

<field name="var2" class="java.lang.String"/>

请将以下样式添加到上述元素中。

button,
input,
optgroup,
select,
textarea,html input[type="button"],
input[type="reset"],
input[type="submit"],button[disabled],
html input[disabled],button::-moz-focus-inner,
input::-moz-focus-inner, input[type="checkbox"],
input[type="radio"], input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button, input[type="search"], input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration

Answer 2

通过css为输入标签设置样式。

请参阅：http://www.w3schools.com/tags/tag_input.asp

输入等：

input, select, textarea {

}

按钮：

input[type="submit"] {

}

重置css ： http://cssreset.com/

好看的重置： https://necolas.github.io/normalize.css/

Answer 3

如果你需要重新设置所有的东西，这样做也能帮助你集中注意力：

.input:focus {
    outline: none;
}

Answer 4

简单地说：

input {
  all: unset;
}

参考文献：

重置/删除所有样式的输入，选择和按钮跨所有浏览器，包括移动

4 个答案: