在chrome中设置输入类型='file'元素的高度

Question

我有一个类型的html表单输入file:

<input type='file' />

我知道这个元素的样式限制和变通方法(父div,点击事件的隐藏字段等),如果你想要一些自定义样式,这不是我正在寻找的.

我的问题很简单,如果我对元素应用高度,IE和Firefox就像所有其他输入类型一样设置元素高度,但chrome忽略了height属性.

input{
    height:50px;
}

这是一个jsfiddle

有没有得到铬来纪念高度.看起来很简单,但添加!important或添加内联高度并没有什么区别.

Nb有关于在SO上设置文件输入样式的问题,但是没有地址可以在chrome中获得高度属性.它在其他浏览器中工作正常.

我也知道增加字体大小会使输入更大,但它不是一个有吸引力的解决方案.

现在可以在chrome中设置高度吗？

Answer 1

这就是chrome如何用伪代码-PseudoCode css理解它

我更新了我的链接 -

  input[type="file"]{
        height:50px;
  }

    input[type="file"]::-webkit-file-upload-button{
        height:50px;
  }