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

标签 css forms input

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 9 年前

我目前正在开发一个上传文件的按钮,但我不想使用默认输入[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;

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

最佳答案

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

关于css - 我可以在按钮内放置一个输入文件标签吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17610777/

上一篇:jquery - 每周定时更换HTML的功能

下一篇:java - 在 Jsoup 中,如何通过属性而不是数据来解析 CSS 查询?

相关文章:

html - 有时无法显示对象

html - Chrome boxshadow 和 border 冲突

javascript - 为我的导航栏下拉菜单启用滚动条

javascript - 防止隐藏的表单 div 在按下提交按钮时自动隐藏

javascript - 当用户键入不正确的输入值时返回错误消息

javascript - 尝试单击时菜单不会保持打开状态

python - 根据另一个字段的值验证 Django 模型字段?

javascript - 我怎样才能用这个 axios 代码实现拦截器

css - 范围 slider 端点在 Firefox 中被切断

javascript - 如何使 jQuery Mask 插件显示价格时使用句点而不是逗号?