輸入字段樣式 - CSS問題

Question

我想創建一個輸入框像下面

這些都是我重視

input { 
    height:30px; 
    width:286px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    border-radius: 4px; 
    -moz-background-clip: padding; 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box; 
    border-color:#cccccc; 
    padding:0 10px; 
} 

的規則，但我得到一個內盒shawdow喜歡這個。

不知道如何刪除內shawdow？

在線編輯：http://jsfiddle.net/c3JCx/

Answer 1

嘗試更換：

border-color:#cccccc; 

有：

border: 1px solid #cccccc; 

這將與純色邊框第一圖像上所顯示...默認border-style是inset，它看起來像w3schools中描述的「3D」（第二幅圖像）

Answer 2

更換

border-color:#cccccc; 

與

border: 1px solid #cccccc;