Html CSS：文件输入-目标文本为“输入”；“未选择任何文件”；

我有一个使用引导3的表单。我希望有一个比浏览器默认设置样式更好的文件输入

我怎样才能针对“未选择文件”的文本？我想把它垂直居中

---

使用div分配给文件输入： HTML:

---

如果您投票决定关闭，请就原因发表评论：）谢谢

<input type="file" name="the_file" style="display:none;" />
<div style="cursor: pointer; display: inline-block; padding:5px; background: #eeeeee;" id="file-browse" >choose file</div>

$('#file-browse').click(function(){
 $fileInput = $('input[name=the_file]');

 var myFile;
 $fileInput.click();
 $fileInput.change(function(e)
 {
  myFile = e.target.files[0];
  console.log(myFile);
 });
});