Safari更改选择高度

Wiz*_*ard 29 css safari

我无法改变select height,所有浏览器工作正常,但Safari没有,哪里可以有问题?我也尝试上课.style select,但没有工作.

select {
width: 170px; 
height: 25px;
}
Run Code Online (Sandbox Code Playgroud)

Iwa*_*waz 29

尝试添加此:

-webkit-appearance: menulist-button;
Run Code Online (Sandbox Code Playgroud)

  • 在Windows机器上不适用于Safari,但Line-Height属性足以设置Select标签的高度 (2认同)

小智 26

要在Safari中设置选择样式,首先必须关闭os样式:

-webkit-appearance: none;
Run Code Online (Sandbox Code Playgroud)

  • 没错,但这会隐藏下拉箭头.因此,最佳选择是行高(见上面的答案). (3认同)

hob*_*ley 26

你也可以使用

line-height: 25px
Run Code Online (Sandbox Code Playgroud)

这不会影响其他浏览器,但修复了Safari中的这个错误

  • `height`或`line-height`在版本10.1.2中不起作用 (3认同)
  • `line-height`似乎被忽略9.1.3,但`height:25px`正在工作.不幸的是,'min-height`也不起作用. (2认同)