输入字段样式-CSS问题

我正在尝试创建一个如下所示的输入框

这些是我附上的规则

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;
}

但我得到了一个像这样的内部盒子

你知道怎么去掉里面的披肩吗

联机编辑器：

尝试替换：

border-color:#cccccc;

与：

这将使边框如第一张图片所示为纯色。。。默认的

边框样式

是

插入

，看起来有点像w3schools（第二幅图）

Replace中所述的“3D”

border-color:#cccccc;

与

---

不。我仍然得到内心的阴影

border-color:#cccccc;

border: 1px solid #cccccc;