在firefox和safari之间保持一致的提交按钮样式?

时间:2012-03-03 05:46:25

标签: css firefox safari cross-browser

所以我有一个使用以下css设置样式的提交按钮:

#search_submit {
    width:150px;
    font-size:1.5em;
}

在safari中它看起来像这样: enter image description here

在Firefox中它看起来像这样: enter image description here

我想在1.5em显示字体,就像在firefox中一样,但是我想保留safari中存在的圆角(只有在我添加{时才会在firefox中消失) {1}}

我在某处读到了使用font-size:1.5em进行跨浏览器支持更好的方法吗?是不是这样?

1 个答案:

答案 0 :(得分:0)

对于跨浏览器支持,使用em获取font-size并不一定“更好”。这是推荐的,因为它具有可扩展的性质,但它可能并不总是具有使用像素的一致性(像素一样完美;)

让firefox和safari之间的按钮看起来一致并不困难。没有链接可以看到页面,很难说为什么你的页面如此不同,我猜你在页面上有其他css样式影响你的按钮。