删除文本input的内部阴影
所以我有一个文本input，即时通讯使用HTML5，在铬，我想改变一个文本input的外观，我已经删除了焦点上的轮廓（铬上的橙色），我把背景设置为浅色#f1f1f1但是现在在顶部和左侧有一个更厚的边框，就像它看起来被推入一样，当背景颜色没有变化时，这种情况不会发生。 我如何删除它？ 抱歉，我无法在移动设备上提供图片。
它发生在Chrome上，也就是Firefox，不能testing任何其他的。
border-style:solid; 将覆盖inset样式。 这是你问的。
border:none将一起删除边框。
border-width:1px会将其设置为像背景更改之前那样。
border:1px solid #cccccc更具体，适用于所有三种宽度，样式和颜色。
例如： https : //jsbin.com/quleh/2/edit?html,output
这是移动Safari的解决scheme：
-webkit-appearance：none;
如下所示： 移除Mobile Safari（iPhone）上的textarea内部阴影
添加border: none或border: 0全部删除边框或border: 1px solid #ccc使边框变薄和平整。
要在Firefox中删除鬼填充，可以使用::-moz-focus-inner ：
::-moz-focus-inner { border: 0; padding: 0; }
看现场演示 。
目前没有任何解决scheme正在工作。 这是我的解决scheme。 你可以添加前缀。
box-shadow: inset 0px 0px 0px 0px red;
设置border: 1px solid black ，使所有的边平等，并删除任何types的自定义边框（实体除外）。 此外，请设置box-shadow: none以删除应用于其上的任何插入阴影。
我正在使用Firefox。 和我有同样的问题，inputtypes的文本是自动定义的东西看起来像boxshadow inset，但它不是。 你想改变是边界…只是设置border:0; 你完成了。
