css - 样式输入文件文件名文本

Question

有没有办法可以设置“浏览”旁边显示的文件名文本button的样式（如图所示）？我想通过position:absolute和东西移动它。谢谢。

Answer 1

我制作了这个 jquery 插件，如果您认为它可以帮助您，请使用它

这是我的插件演示

你可以像这样使用它

javascript

$('input').fileprettify();

css

.selected-file{
    color: green;
}

这个插件的作用是用一个按钮和一个包含所选文件的跨度替换文件输入字段，然后您可以使用 css 设置按钮和所选文件文本的样式，这样做的好处是您将使用相同的样式所有浏览器。