html - 输入号码的边框？

Question

我试图在它周围设置一个边框，但我做不到。这是我所拥有的CSS：

body{ margin:1em; }
body *{ font-family: RussellSquare}
body{background-color: #363636;}

input[type=number]{
    font-size:1em;
    width:2.5em;
    padding:3px;
    margin:0;
    border-radius:3px; 
    border: 1px solid #000;
    text-align:center;
}

input[type=number]:focus{
    outline:none;
}​

Answer 1

它工作得很好。在此处在不同的浏览器上亲自尝试。

简短的解释是：

border是所有主流浏览器都支持的 CSS 属性。

border-radius是在所有现代浏览器上运行的 CSS3 属性。IE 6/7/8不是其中之一。

如果您想了解有关 Internet Explorer 支持的更多信息border-radius

阅读：在 IE 中支持“border-radius”