Question

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

<input type='file' />

我知道这个元素的样式限制和变通方法（父div，隐藏字段和点击事件等）如果你想要一些自定义样式，那就是不我是什么＆＃39 ;我正在寻找。

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

input{
    height:50px;
}

是否有机会获得镀铬来纪念高度。看起来很简单，但添加!important或添加内联高度并没有什么不同。

N.b。有关于在SO上设置文件输入样式的问题，但是没有地址可以在chrome中使用height属性。它在其他浏览器中运行良好。

我也意识到增加字体大小会使输入更大，但它不是一个有吸引力的解决方案。

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

Answer 1

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

我已更新了我的链接 -

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

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