Css 如何删除Android Chrome上输入的奇怪样式?

Css 如何删除Android Chrome上输入的奇怪样式?,css,Css,我有以下意见: <input name="email" type="text"> 输入{ 边框:1px实心#7d7d; -webkit外观:无; -moz外观:无; 外观:无; } 从 我觉得很完整,试试看 //表单重置 text区域,选择,输入[type=“date”]、输入[type=“datetime”]、输入[type=“datetime local”]、输入[type=“email”]、输入[type=“month”]、输入[type=“number”]、输入[typ

我有以下意见:

<input name="email" type="text">
输入{
边框:1px实心#7d7d;
-webkit外观:无;
-moz外观:无;
外观:无;
}
从 我觉得很完整,试试看

//表单重置
text区域,选择,输入[type=“date”]、输入[type=“datetime”]、输入[type=“datetime local”]、输入[type=“email”]、输入[type=“month”]、输入[type=“number”]、输入[type=“password”]、输入[type=“search”]、输入[type=“tel”]、输入[type=“text”]、输入[type=“time”]、输入[type=“url”]、输入[type=“week”]{
-webkit框大小:边框框;
-moz框大小:边框框;
框大小:边框框;
-webkit背景剪辑:填充;
-moz背景剪辑:填充;
背景剪辑:填充框;
-webkit边界半径:0;
-moz边界半径:0;
-ms边界半径:0;
-o-边界半径:0;
边界半径:0;
-webkit外观:无;
背景色:#fff;
颜色:#000;
大纲:0;
保证金:0;
填充:0;
文本对齐:左对齐;
字号:1em;
高度:1米;
垂直对齐:中间对齐;
}
选择,选择,选择{
背景:#fff url(数据:image/png;base64,r0lgodlhdqaeaaaap8a/yh5baehaaaaaaaaanaaqaaailha+hG5jMDpxvhgIAOw==);
背景重复:无重复;
背景位置:97%居中;
填充:0 25px 0 8px;
字体大小:.875em

}
我也遇到了同样的问题,这是我在这个问题上发现的唯一一个话题,尽管没有得到回答:(我在Chrome 42上对Android 4.2.2进行了测试,过了一会儿我发现

边界半径:1px


在输入/选择上,强制“我的自定义边框”在所有面上都是均匀的,没有任何视觉瑕疵。这是一个经验解决方案。希望其他人有一个更好、更有文档记录的解决方案

定义“丑陋”,为什么要删除默认样式?@Paulie_D你能看到双边框吗(不确定它是否是边框)在输入的左侧和底部?因为这是客户的要求。可能是
轮廓
框影
这是Android Chrome的默认外观。你确定吗-webkit外观:输入元素没有应用任何内容?@Paulie_D尝试将两者都删除。没有发生任何事情。
border: 1px solid #7d7d7d;
-webkit-appearance: none;
-moz-appearance:    none;
appearance:         none;