html表单文件上传按钮

概述是否可以将“浏览”或“选择文件”按钮移到右侧？ http://jsfiddle.net/2mw935qf/1/ <form method="POST" action="uploadFile" enctype="multipart/form-data"><strong>Upload file:</strong> <input type="file" name="file" /></form> 是否可以将“浏览”或“选择文件”按钮移到右侧？

http://jsfiddle.net/2mw935qf/1/

<form method="POST" action="uploadfile" enctype="multipart/form-data"><strong>Upload file:</strong> <input type="file" name="file" /></form>

像this？

解决方法 在CSS文件中使用此代码.它在Chrome中适用于我.

input[type=file] {-webkit-appearance: textfIEld;@R_403_4612@: relative;-webkit-Box-sizing: border-Box;}input[type=file]::-webkit-file-upload-button {wIDth: 0;padding: 0;margin: 0;-webkit-appearance: none;border: none;}/* "x::-webkit-file-upload-button" forces the rules to only apply to browsers that support this pseudo-element */x::-webkit-file-upload-button,input[type=file]:after {content: 'browse...';display: inline-block;left: 100%;margin-left:3px;@R_403_4612@: relative;-webkit-appearance: button;padding: 3px 8px 2px;}

总结

以上是内存溢出为你收集整理的html表单文件上传按钮全部内容，希望文章能够帮你解决html表单文件上传按钮所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。