border-radius ne fonctionne pas dans Firefox pour moi sur les types d'entrée

Question

Tout fonctionne correctement dans les navigateurs webkit. Mais quand j'essaie d'utiliser border-radius avec input [type = "url"] ça ne marche pas. Pas même simplement en utilisant l'entrée. Rien ne fonctionne toujours.

Css

section.crypter input { 
    border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    padding: 5px; 
    } 

HTML

<form> 
    <input type="url" placeholder="Insert URL" /> 
    <input type="button" value="Crypt" /> 
    </form> 

Pourquoi pas Firefox me laisser le style de la saisie?

Answer 1

On dirait que vous avez besoin de style de la frontière première:

input { 
border:1px solid #666666; 
    border-radius: 15px; 
-moz-border-radius :15px; 
    -webkit-border-radius: 15px; 
    padding: 5px; 
    }