css – 如何平衡文本输入字段的高度?

前端之家收集整理的这篇文章主要介绍了css – 如何平衡文本输入字段的高度?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
什么是平衡我的< select ..>的高度的最佳方式。元素和我的< input type =“text”..>元素?由于盒子尺寸模型的差异,证明是困难的。

Google Chrome的用户代理样式表有:

select { -webkit-Box-sizing: border-Box; }

其他文本输入字段使用内容框模型。为什么有区别?我是否应该使所有基于文本的输入字段使用边框模型?

BTW,我使用符合标准的模式(通过使用<!DOCTYPE html>)。

解决方法

是啊..这是非常困难的。
不要忘记,Firefox也有不同的处理形式元素的问题。
跨浏览器形式的操纵是不可能的。 :D

有些事情要注意
线高不能用于所有元素。 firefox硬编码行高度来输入[type = text]元素。

我有一篇关于使用内嵌块和垂直对齐的文章,这可能有助于某些..(使用verital-align:baseline;)
The Joys of Inline Block at screwlewse.com

还要记住,许多较新的浏览器都添加了chrome,以使表单输入更像操作系统。 (但这看起来像一个不同的问题)

原文链接:https://www.f2er.com/css/218813.html

猜你在找的CSS相关文章