输入字段样式 - 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;