Firefox: kenarlık rengi, kenarlık ve arka plan rengi düzensiz kenarlar ve beyaz alan yaratır

Question

Aşağıdaki HTML ve CSS'ye bakın.

.box { 
    border-radius: 15px; 
    border: #333 solid 3px; 
    background: #333; 
} 

<div class="box">Hello world</div> 

O Firefox'ta bu üretir

:

Gördüğünüz gibi, sınır ve div arka plan görünür küçücük boşluk bırakır. Farklı bir arka plan rengine sahip bir vurgulu durum yüzünden kenarlığa ihtiyacım var.

Bunu nasıl aşabilirim?

Answer 1

Bu büyük olasılıkla Firefox'ta bir hatadır. Bu sorunu çözmek için basit işe yarayacak: (bildiğim, en iyi çözüm değil, ama sorun ciddi görünüyor)

biçimlendirme: div

<div class="wrapper"> 
    <div class="box">Hello world</div> 
</div> 

bir 'sarıcı' aracılığıyla sahte sınır

css: dolgu hile yapar

.wrapper { 
    border-radius: 15px; 
    background: #333; 
    padding:3px; /*simulating border*/ 
} 
.box { 
    border-radius: 15px; 
    background: #333; 
} 

http://jsfiddle.net/steweb/peYRf/

---

VEYA (başka div eklemek olmadan) sorunları çözmek için daha zarif bir şekilde

.box { 
    border:3px solid #333; 
    border-radius: 15px; 
    background: #333; 
    -moz-box-shadow:0px 0px 1px #333; /* just on ffox */ 
} 

yani o beyaz korkunç şeyler 'dolgu' aynı background-renk kutu gölge ekleyerek olabilir

http://jsfiddle.net/steweb/Sy2rr/