Html 浏览按钮未对齐,请将其更改为红色

Html 浏览按钮未对齐,请将其更改为红色,html,css,Html,Css,上载图像时,浏览按钮未正确对齐,如何将浏览按钮的颜色更改为红色?我使用了文件字段。您不能使用CSS设置文件字段的样式。但是只要有一点javascript的帮助,您就可以 想法很简单: 创建输入: <input type="file" ... class="fade_input"/> #Now place in image <img src=... class="your_button_red_or_other_color"/> #现在放在图像中 现在给出两个位置的

上载图像时,浏览按钮未正确对齐,如何将浏览按钮的颜色更改为红色?我使用了文件字段。

您不能使用CSS设置文件字段的样式。但是只要有一点javascript的帮助,您就可以

想法很简单:

创建输入:

<input type="file" ... class="fade_input"/>

#Now place in image
<img src=... class="your_button_red_or_other_color"/>

#现在放在图像中
现在给出两个位置的绝对值(在我的例子中,我把它们放在一个带有pos-relative的块中) 将输入拖到按钮上,然后给它更大的z索引,这样按钮就会处于输入之下。现在使用不透明度0淡入淡出输入(不适用于IE,因此使用javascript淡入淡出)


这一想法被理解了

不能使用CSS设置文件字段的样式。但是只要有一点javascript的帮助,您就可以

想法很简单:

创建输入:

<input type="file" ... class="fade_input"/>

#Now place in image
<img src=... class="your_button_red_or_other_color"/>

#现在放在图像中
现在给出两个位置的绝对值(在我的例子中,我把它们放在一个带有pos-relative的块中) 将输入拖到按钮上,然后给它更大的z索引,这样按钮就会处于输入之下。现在使用不透明度0淡入淡出输入(不适用于IE,因此使用javascript淡入淡出)

这一想法被理解了