大家好,请帮我创建带边框和底部双白边框的输入... 那是我的css& html,谢谢brahs)
<input type="text" id="inputName" name="name">
body {background:#F1EFEB; }
input{
border: 1px solid #CFC8BC;
border-radius: 4px;
}
答案 0 :(得分:2)
使用box-shadow
属性
input {
border: 1px solid #CFC8BC;
border-radius: 4px;
-moz-box-shadow: 0 01px #CFC8BC;
-webkit-box-shadow: 0 01px #CFC8BC;
box-shadow: 0 01px #CFC8BC;
}
您也可以添加inset
关键字并使用负垂直偏移:
答案 1 :(得分:0)
看起来border-bottom: 3px double white
有效。不过,我只检查过Firefox和Chrome。
当然,您必须更改input
的背景颜色才能看到白色边框。