+
80
-

如何修改html标签input file的提示按钮文字?

如何修改html标签input file的提示按钮文字?

默认是这样的

800_auto

如何修改?

网友回复

+
0
-
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>

     <style>
     .inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.custom-file-upload label {
    display: inline-block;
    padding: 10px 20px;
    font-size: 1rem;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    background-color: #f8f8f8;
    border: 2px solid #d3d3d3;
    border-radius: 4px;
}

.custom-file-upload label:hover {
    background-color: #e8e8e8;
}
      </style>
</head>
<body>

<div class="custom-file-upload">
    <input type="file" id="fileUpload" class="inputfile" />
    <label for="fileUpload">点击这里上传文件</label>
</div>


</body>
</html>
		

我知道答案,我要回答