【问题标题】: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-styleinset,它看起来有点像 w3schools 中描述的“3D”(第二张图片)

【讨论】:

    【解决方案2】:

    替换

    border-color:#cccccc;
    

    border: 1px solid #cccccc;
    

    【讨论】:

      猜你喜欢
      • 2010-12-19
      • 1970-01-01
      • 2014-04-07
      • 1970-01-01
      • 2011-07-12
      • 1970-01-01
      • 2019-03-13
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多