删除文字输入的内部阴影
所以我有一个文本输入，即时通讯使用html5，在铬上，我想改变文本输入的外观，我已经删除了焦点上的轮廓（铬上的橙色），我将背景设置为浅色#f1f1f1但现在在顶部和左侧有一个更厚的边框，就像它看起来被推入一样，当背景颜色没有变化时，这种情况不会发生。 我如何删除它？ 抱歉，我无法在移动设备上提供图片。
它发生在Chrome上，也就是Firefox，不能测试任何其他。
border-style:solid; 将覆盖inset样式。 这是你问的。
border:none将一起删除边框。
border-width:1px将其设置为在背景更改之前。
border:1px solid #cccccc更具体，适用于所有三种宽度，样式和颜色。
例如：https://jsbin.com/quleh/2/edit?html,output
这是移动Safari的解决方案：
-webkit-appearance：none;
如下所示：移除Mobile Safari（iPhone）上的textarea内部阴影
目前没有任何解决方案正在工作。 这是我的解决方案。 您可以添加前缀。
box-shadow: inset 0px 0px 0px 0px red;
上一篇: remove inner shadow of text input
下一篇: Webkit CSS to control the box around the color in an input[type=color]?