输入字段样式 - CSS 问题答案

【问题标题】：Input Field Styling - CSS problem输入字段样式 - CSS 问题
【发布时间】：2011-12-25 09:04:48
【问题描述】：

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

这些是我附加的规则

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/

【问题讨论】：

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

标签： css

【解决方案1】：

尝试替换：

border-color:#cccccc;

与：

border: 1px solid #cccccc;

这将使边框变为纯色，如第一张图片所示...默认border-style 是inset，它看起来有点像 w3schools 中描述的“3D”（第二张图片）

【讨论】：

【解决方案2】：

替换

border-color:#cccccc;

与

border: 1px solid #cccccc;

【讨论】：