什么是平衡我的< select ..>的高度的最佳方式。元素和我的< input type =“text”..>元素?由于盒子尺寸模型的差异,证明是困难的。
Google Chrome的用户代理样式表有:
select { -webkit-Box-sizing: border-Box; }
其他文本输入字段使用内容框模型。为什么有区别?我是否应该使所有基于文本的输入字段使用边框模型?
BTW,我使用符合标准的模式(通过使用<!DOCTYPE html>)。
解决方法
是啊..这是非常困难的。
不要忘记,Firefox也有不同的处理形式元素的问题。
跨浏览器形式的操纵是不可能的。 :D
不要忘记,Firefox也有不同的处理形式元素的问题。
跨浏览器形式的操纵是不可能的。 :D
有些事情要注意
线高不能用于所有元素。 firefox硬编码行高度来输入[type = text]元素。
我有一篇关于使用内嵌块和垂直对齐的文章,这可能有助于某些..(使用verital-align:baseline;)
The Joys of Inline Block at screwlewse.com
还要记住,许多较新的浏览器都添加了chrome,以使表单输入更像操作系统。 (但这看起来像一个不同的问题)