html上传做成按钮,html表单文件上传按钮

54 阅读 0 评论 36 点赞

我是靠谱客的博主威武便当，最近开发中收集的这篇文章主要介绍html上传做成按钮,html表单文件上传按钮，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

input[type=file] {

-webkit-appearance: textfield;

position: 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;

position: relative;

-webkit-appearance: button;

padding: 3px 8px 2px;

}

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。