边界半径和背景仅在Firefox中不连接

Question

这是我的小提琴：http://jsfiddle.net/edelman/NJHLU/

基本上，如果带边框的元素上有边框半径，边框和背景实际上并没有触及，创建一个看起来很愚蠢的内部白色圆圈。

我尝试过的事情没有奏效：

• background-clip以及所有可能的值
• overflow: hidden
• border-collapse同时包含两个值

似乎没什么用。这只是我必须处理的FF渲染错误吗？

我见过this question，但我没有包装的奢侈，因为我在生成的内容上做了这个CSS（:before伪元素）

编辑：我也尝试使用box-shadow代替边框，但这也有同样的问题。

Answer 1

您可以使用您链接的答案中描述的技术。添加FF hack：

-moz-box-shadow:0px 0px 0px #2eb8ae;