2012-05-06 72 views
0

我試圖在它周圍放一個邊框,但我不能。這是我至今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; 
}​ 
+0

作品在這裏...(的jsfiddle:http://jsfiddle.net/fNH5q/)的Chrome 20開發 – beardhatcode

+0

你是什​​麼意思,它不能?如果你在IE上測試,直到IE9沒有支持。 – g13n

+0

爲什麼它會切斷邊界半徑? –

回答

0

它工作得很好。在不同的瀏覽器上自己嘗試一下here

簡短的解釋是:

border是支持所有主流瀏覽器的CSS屬性。

border-radius是在所有現代瀏覽器上運行的CSS3屬性。 IE 6/7/8 不是其中之一。

如果你想了解更多有關Internet Explorer支持border-radius

閱讀:Support for "border-radius" in IE