css - 我可以在按钮内放置输入文件标签吗？

Question

我目前正在制作一个按钮来上传文件，但我不想使用默认输入 [type=file]

这是我的片段：

%button.btn
   Upload your own
   %input{ :type => "file", :class => 'file-input' }

这是CSS：

left: -34; // to align it with the button
top: -23;
position: relative;
opacity: 0;

目前它有效，我只是不确定标记。twitter 在尝试上传个人资料照片时也具有相同的结构。

score 2 · Accepted Answer

2

将输入文件按钮的不透明度设置为 0，并将其放置在样式按钮 div 上。

于 2013-07-12T08:46:48.673 回答

score 1 · Accepted Answer

1

你为什么不直接使用：

<button type='file'>Content</button>

它的工作原理相同。

于 2013-07-12T08:42:40.903 回答

score 0 · Accepted Answer

0

尝试这个

Select a file: <input type="file" name="img">

更多细节在这里

于 2013-07-12T08:57:55.297 回答

3 回答 3