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>

我希望帮助

输入“没有文件选择”标题的Chrome CSS问题是不是继承填充？

1 个答案: