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; 
}