html - 带有框阴影的样式输入类型 ="file"

Question

我正在使用 javascript 添加红色光晕，使用 CSS box-shadow 形成未正确填充的字段。我的文件输入字段出现问题，在 Firefox 中，发光围绕浏览按钮延伸，我也无法删除默认边框。

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

谢谢。

这是一个例子-

HTML

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

正在分配 CSS 类

.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; }

Answer 1

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

• http://www.quirksmode.org/dom/inputfile.html

或者使用 jQuery 替代:

• http://www.appelsiini.net/projects/filestyle