html - 如何在文件上传输入中设置按钮样式

标签 html css button file-upload input

不确定如何设置文件上传输入字段内“选择文件”按钮的样式或更改文本。

http://codepen.io/leongaban/pen/wrCLu

<input id="choose_file" type="file" name="datafile" size="40">

input {
  padding: 10px 15px;
  border: 0;
  background: orange;
}

enter image description here

^ 这里设置的是背景而不是按钮的样式。

最佳答案

正如我在评论中告诉你的,你可以简单地为按钮创建任何你喜欢的布局和视觉效果,并创建一个文件按钮,然后简单地隐藏该文件按钮并将事件绑定(bind)到样式按钮上以触发文件按钮。

我为此目的制作了这个示例: Codepen with custom file button

关于html - 如何在文件上传输入中设置按钮样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22157886/

相关文章:

android - 为android中的按钮设置透明度

javascript - 删除 HTML 表格中的所有行

javascript - 如何知道浏览器开发工具中损坏源的来源?

jquery - 同位素 - 同位素之外的元素

javascript - 自动关闭切换菜单的ul

javascript - 如何使用样式组件显示一些值?

jquery - 如何在 HTML 中创建一个简单的微调器?或者 jQuery

javascript - IE过滤器将图像设置为背景

javascript - 有人如何使用 Twitter Bootstrap 在 Twitter 的网站上复制 Follow/Unfollow 悬停操作?

html - 无边距对齐按钮