Javascript 标题中的效果与Firefox不兼容

我对CSS和JavaScript有一个影响，使一张海报在链接的标题字段中四舍五入，在chrome中看起来不错，但在Firefox中它看起来像一个矩形，而在Firefox中它应该看起来像chrome

我所尝试的是，圆形边缘与chrome和firefox保持一致

例如：

http://i.imgur.com/ltQkAON.png

资料来源：

p#vtip{
单词包装：打断单词；
显示：无；
位置：绝对位置；
填充物：5px；
左：5px；
字体大小：0.75em；
背景色：#666666；
边框：1px实心#666666；
-moz边界半径：5px；
-webkit边界半径：5px；
边界半径：5px；
z指数：9999；
颜色：白色；
}
p#vtip#vtip箭头{
单词包装：打断单词；
位置：绝对位置；
顶部：-10px；
左：5px
}
.好的{
边框：1px点绿色；
颜色：绿色；
填充：10px
}
.vtip2{
单词包装：打断单词；
显示：无；
位置：绝对位置；
填充物：5px；
左：5px；
字体大小：0.75em；
背景色：#666666；
边框：1px实心#666666；
-moz边界半径：5px；
-webkit边界半径：5px；
z指数：9999；
颜色：白色；
背景：#312c2b；颜色：白色；
}
.vtip{cursor:pointer；}

---

您应该使用边框半径，而不是特定于浏览器的变体。这将确保浏览器不仅与ff和chrome兼容

例如，此示例适用于您的请求：

 <a style="border: 1px solid #000; border-radius: 5px;">Bla bla</a>

）

另外，我认为-moz border radius在新版firefox中被删除了（至少我现在找不到了），但找不到任何关于它的官方帖子。
为什么不使用border radius而不是-webkit border radius和-moz border radius，它同时受到chrome和firefox（）的支持。是的，您的样式中缺少纯
边框半径
。