css - Firefox中div的圆角不起作用

Question

我想在 Firefox 中为我的 div 添加圆角。我试过了：

    -moz-border-radius: 20px;

它不工作。

请问，有没有人有任何替代解决方案？

谢谢

Answer 1

较新版本的 Firefox 支持简单

border-radius: 20px;

你试过吗？否则我需要看更多你的css。

Answer 2

将以下所有三个放入您的CSS

-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border-radius: 20px; 

一些旧版本使用 -moz 和 -webkit ，但最近的浏览器版本采用 CSS3 样式。

来源：http ://www.the-art-of-web.com/css/border-radius/

Answer 3

正如@vidiya 提到的

始终确保涵盖所有基础：

-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border-radius: 20px; 

我建议您查看一下LESS，SASS以便您可以使用 mixins（CSS 中的函数）

 //From LESS
.rounded (@round:"4px") {
    -moz-border-radius: @round; 
    -webkit-border-radius: @round; 
    border-radius: @round; 
}