火狐下select文字垂直不居中,怎么调兼容解决这个问题

发布网友发布时间：2024-09-30 05:05

共2个回答

热心网友时间：2024-09-30 09:07

定义表单select高度后，文字上下没居中的解决方法。
如果一个select高度设为20px;则它和其它的input的结果不一样，它的实际组成为上下边框各1px，内容18px，而不是内容20px，边框不算在高度以内。
另外，当对select使用padding后，你会发现，此时内容的高度不是保持不变，而是在height的基础上减去上下padding，而不是其他input那样，如果设置高度了，再设置padding，则实际内容的高度为设置的高度加上上面padding。
所以要解决一个设置select高度22px的select内容上下居中的问题，使用padding: 1px 0;即可。

热心网友时间：2024-09-30 09:07

用padding可以调追问上下加同样像素的padding是可以居中，但是小三角上下会出现间距了