我有一个基本css,其中包括其他元素,我的输入设置为:
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
我也有这个问题的具体按钮
header input[type=submit] { background:#383838; color:#FFF; padding:4px 5px; }
一切都很好,除了Chrome中的输入按钮,其高度和宽度都比其他浏览器短2个像素(因此每边有1个像素差异)。是什么让这更令人沮丧的是,这并不影响safari,这也是一个webkit浏览器。
任何想法为什么?
干杯, 阿迪。
答案 0 :(得分:1)
button
和input
。如果您想在每个浏览器中获得完全相同的结果,则需要定位每个都有不同的风格规则。
答案 1 :(得分:0)
你应该在样式表文档的第一个尝试CSS重置。一些浏览器采用他们的默认样式..所以这也可能是一个问题