<input type="file" value="Browse" name="avatar" id="id_avatar" />
我试图修改该值，但它不起作用。如何自定义按钮文本?
当前回答
如果你使用rails，有问题应用它，我想从@Fernando Kosh发布的原始答案中添加一些提示
下载zip文件，复制bootstrap- filstyle .min.js ke文件夹app/assets/javascripts/ 打开你的application.js并在下面添加这一行 //= require bootstrap- filstyle .min 打开你的咖啡，加入这条线 $(“文件”)。filestyle({buttonName: "btn-primary"，buttonBefore: true,buttonText: "你的文本在这里"，icon: false});
其他回答
“上传文件…”文本是浏览器预先定义的，不能更改。 解决这个问题的唯一方法是使用Flash或基于java的上传组件，比如swfupload。
如果你使用rails，有问题应用它，我想从@Fernando Kosh发布的原始答案中添加一些提示
下载zip文件，复制bootstrap- filstyle .min.js ke文件夹app/assets/javascripts/ 打开你的application.js并在下面添加这一行 //= require bootstrap- filstyle .min 打开你的咖啡，加入这条线 $(“文件”)。filestyle({buttonName: "btn-primary"，buttonBefore: true,buttonText: "你的文本在这里"，icon: false});
我知道，没有人要求它，但如果有人使用bootstrap，它可以通过标签和CSS伪选择器改变。
更改按钮文本:
.custom-file-label::after {
content: "What's up?";
}
更改字段文本:
<label class="custom-file-label" for="upload">Drop it like it's hot</label>
这是小提琴。
I did it like this for my project: .btn-outlined.btn-primary { color: #000; } .btn-outlined.btn-primary:active, .btn-outlined.btn-positive:active, .btn-outlined.btn-negative:active { color:#000; } .btn-block { display: block; width: 100%; padding: 15px 0; margin-bottom: 10px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; } <label for="fileUpload" class="btn btn-primary btn-block btn-outlined">Your text</label> <input type="file" id="fileUpload"style="display: none;">
我认为这就是你想要的:
<button style="display:block;width:120px; height:30px;" onclick="document.getElementById('getFile').click()">Your text here</button>
<input type='file' id="getFile" style="display:none">
