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

时间:2011-01-30 01:02:20

标签: html css input

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

3 个答案:

答案 0 :(得分:8)

简答

你不能。

长答案

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

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

工作示例:styled file input

答案 1 :(得分:0)

你不能。

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

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

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

答案 2 :(得分:-1)

你不能!

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