在所有浏览器(包括移动设备)上重置/删除所有样式的输入，选择和按钮输入

问题描述

我已经搜索了所有内容，但是我只能找到如何更改/修改输入，选择和按钮元素的样式.

I've searched all over for this but I can only find how to change/modify styles for input, select and button elements.

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

What I want to do is remove all shadows, borders, background, icons etc everything except the value itself, across all browsers and mobile.

推荐答案

您可以使用 normalize.css 用于改善跨浏览器的呈现.您可以在normalize.css中更新以下类.

You can use normalize.css for improve the cross-browser rendering. You can update the following class in the normalize.css.

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

请在上述元素中添加以下样式.

Please add the following style to the above elements.

element {
    border:none;
    background-image:none;
    background-color:transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

这篇关于在所有浏览器(包括移动设备)上重置/删除所有样式的输入，选择和按钮输入的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！