高度在Mac(<input> height on Mac)

2019-06-25 10:47发布

下面的代码:

<input style="height: 80px; width: 200px;" value="test button">

在Windows上工作得很好,Linux的等,但是Mac使用的系统按钮样式<input>标签。 这些似乎无法给出一个自定义的高度(火狐覆盖系统按钮样式所以它的罚款,但Chrome和Mac上的Safari有以下问题):

相反,具有80px宽200像素高按钮的存在是MAC的按钮样式,并在上面和下面的缝隙。 宽度被设定罚款。

如何重写此后,Chrome和Safari在Mac上显示一个高大的按钮?

编辑:这是在Mac上会发生什么:
以下是应该发生(在Windows,Linux作品):

Answer 1:

地址:

input[type=button] {
    -webkit-appearance: button;
}

在你的CSS :-)

下面是这个属性可以采取所有值的列表。 默认情况下,Webkit使用的按钮自定义样式(固定高度)。



Answer 2:

加法型后尝试=“键”

<input style="height: 80px; width: 200px;" value="test button" type="button">


文章来源: height on Mac