css - 输入“未选择文件”标题的 Chrome CSS 问题未继承填充？

Question

我正在尝试使用 Chrome 向输入字段添加一些 CSS 属性 - 除了“未选择文件”文本似乎没有继承填充值之外，一切似乎都有效。如果我删除所有 CSS，则“未选择文件”与按钮直接保持一致，但在添加 CSS 后，它会导致它看起来更高，好像该文本没有继承填充值？

这是导致此问题的完整 CSS：

.inputtest{
    line-height:1.5em;
    border:5px solid #3a3a3a;
    padding:10px;
    margin-left:20px;
    width:71%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;    
}​ 

请参阅：http: //jsfiddle.net/A6LuR/3/

提前致谢！

Answer 1

你的CSS问题是padding财产。

这段代码给你类似的设计

CSS：

.inputtestHolder{
    border:5px solid #3a3a3a;
    padding:10px;
    margin-left:20px;
    width:71%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

HTML：

<div class="inputtestHolder">
<input type="file">
</div>

我希望这有帮助

​</p>