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

154 阅读 0 评论 102 点赞

我是靠谱客的博主威武便当，这篇文章主要介绍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;

}

以上就是威武便当最近收集整理的关于html上传做成按钮,html表单文件上传按钮的全部内容，更多相关html上传做成按钮内容请搜索靠谱客的其他文章。

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