Html 设置输入类型的样式="；文件"；带盒影

我正在使用javascript添加一个红色光晕，使用CSS框阴影来形成填充不正确的字段。我的文件输入字段出现问题，在Firefox中，光晕延伸到浏览按钮周围，我也无法删除默认边框

有没有办法用CSS实现这一点

谢谢

以下是一个例子-

HTML

<input type='file' id='userfile' name='userfile' maxlength='80' class='form-input'/>

---

不久前，我遇到了一个类似的问题，输入类型为file。这是我能找到的最好的：

希望这对你有帮助

更新：还有一个jquery插件用于设置输入字段的样式：

据我所知，CSS操作完全无法访问“浏览”按钮。你需要一些技巧来克服这个问题。我建议您看看这篇文章：

或者使用jQuery替代方案：

---

虽然这不是实现这一点的标准方法，但您可以在文件元素周围创建一个div，给div添加一个框阴影，并使用宽度来解决这个问题，但这同样只适用于firefox，因为chrome有一种不同的方式来呈现文件上传元素

---

例如，类似于

Thank的内容，我接受了这个想法，创建了一个有一些填充的div，它覆盖了整个字段。到目前为止，它似乎在Firefox和Chrome中完成了这项工作。谢谢，这些都是有用的链接。不完全是我想要做的，但它们在未来会很有用。

.field-error { -webkit-box-shadow: 1px 1px 5px 5px #ff0000; -moz-box-shadow: 1px 1px 5px 5px #ff0000; box-shadow: 1px 1px 5px 5px #ff0000; border: none; }