css - Firefox で div の角を丸くできない

Question

firefox の div に角を丸くしたいです。私はもう試した：

    -moz-border-radius: 20px;

そしてそれは機能していません。

Pls、誰かが代替ソリューションを持っていますか?

ありがとう

Answer 1

Firefox の新しいバージョンは単純にサポートされています

border-radius: 20px;

あなたはそれを試しましたか？それ以外の場合は、CSS をもう少し見る必要があります。

Answer 2

以下の 3 つをすべて 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ミックスイン（CSS内の関数）を使用できるようにすることをお勧めします

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