border-radius không hoạt động trên Firefox đối với tôi trên các kiểu nhập

Question

Mọi thứ hoạt động tốt trong trình duyệt webkit. Nhưng khi tôi đang cố gắng sử dụng bán kính biên giới với đầu vào [type = "url"] nó không hoạt động. Thậm chí không chỉ sử dụng đầu vào. Không có gì vẫn hoạt động.

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> 

Tại sao không phải Firefox cho tôi tạo kiểu cho đầu vào?

Answer 1

Hình như bạn cần để tạo kiểu biên giới đầu tiên:

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