如何设置输入文件文本框的样式？

Question

如何使用css为输入文件类型设置html样式，并更改浏览按钮，谢谢

Answer 1

简答

你不能。

长答案

使用opacity使您的文件输入不可见，然后制作包含普通文本输入和按钮的假div，将其绝对定位以覆盖实际输入，然后设置其z索引低于实际输入。设计元素的风格。

当用户点击文本输入或按钮时，他们实际上会点击透明的实际输入。

工作示例：styled file input

Answer 2

你不能。

您可以使用Flash控件（通常需要注意），或者将自定义控件放在现有控件后面，并将其opacity设置为0。

这样，对自定义控件的明显点击实际上会点击您不可见的输入input。

您可以使用JavaScript从input捕获文本。浏览器通常仅限制您使用文件名。

Answer 3

你不能！

您可以使用闪光灯来模拟文件框。