html - 如何自定义html消息<输入类型=“file”>?

标签 html file-upload input

我正在尝试自定义我的输入类型文件的消息,它看起来像这样:

http://www.hangar-hosting.com/descargas/01.png

我需要垂直对齐中间“未选择文件”并更改“选择文件”和“未选择文件”的文本

最佳答案

你可以这样自定义:

<style type="text/css">
#upload-file-container input {
   filter: alpha(opacity=0);
   opacity: 0;   
}
</style>

<br />
<label>Please click the Image to Upload a file:</label>
<div id="upload-file-container">
<input type="file" name="photo" />
</div>

关于html - 如何自定义html消息<输入类型=“file”>?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15641660/

相关文章:

php - Apache+PHP 截断后/上传

javascript - 比较用户输入的日期值 "instantly"

html - 导航栏隐藏我页面的请求

javascript - 如何编写动态html标签

html - 为什么我的 div 在过渡期间跳来跳去?

javascript - 如何将用户输入到 html 文本表单字段中的值传递给 javascript 函数?

jquery - 替换输入表单中的字符,但保留光标位置

html - IE 11 在加载时水平扩展内容

PHP 图像大小调整

amazon-web-services - 通过 S3 预签名 URL 上传文件的 URL 过期说明