边界输入数字?

时间:2012-05-06 18:45:11

标签: html css input

我试图在它周围放一个边框,但我不能。这就是我所拥有的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;
}​

1 个答案:

答案 0 :(得分:0)

它运作得很好。请在不同的浏览器here上自行尝试。

简短的解释是:

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

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

如果您想了解有关border-radius

的Internet Explorer支持的更多信息

阅读:Support for "border-radius" in IE