圆角到火狐的div无法正常工作

Question

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

    -moz-border-radius: 20px;

它无效。

Pls，有没有人有任何其他解决方案？

由于

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