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

但是我得到了这样的内盒阴影。

知道如何删除内部阴影吗？

在线编辑：http://jsfiddle.net/c3JCx/

Answer 1

尝试更换：

border-color:#cccccc;

使用：

border: 1px solid #cccccc;

这将使第一张图片上显示的纯色边框...默认border-style为inset，它看起来像w3schools（第二张图片）中描述的“3D”< / p>

Answer 2

替换

border-color:#cccccc;

与

border: 1px solid #cccccc;