Html 如何创建具有双白色底边框的输入?

Html 如何创建具有双白色底边框的输入?,html,css,Html,Css,大家好,请帮助我创建底部有边框和双白色边框的输入。。。 这是我的css和html,谢谢你(布拉斯) 正文{背景:#F1EFEB;} 输入{ 边框:1px实心#CFC8BC; 边界半径:4px; } 使用特性垂直偏移的一个选项 您也可以包括插入关键字并使用负垂直偏移: 它看起来像边框底部:3倍双白色有效。不过,我只登录了Firefox和Chrome 当然,您必须更改输入的背景色才能看到白色边框 @DimitriBadicean,它根据问题的要求创建了双白色边框。看来你是想问别的问题。

大家好,请帮助我创建底部有边框和双白色边框的输入。。。 这是我的css和html,谢谢你(布拉斯)


正文{背景:#F1EFEB;}
输入{
边框:1px实心#CFC8BC;
边界半径:4px;
}

使用特性垂直偏移的一个选项

您也可以包括
插入
关键字并使用负垂直偏移:


它看起来像
边框底部:3倍双白色
有效。不过,我只登录了Firefox和Chrome

当然,您必须更改
输入的背景色才能看到白色边框


@DimitriBadicean,它根据问题的要求创建了双白色边框。看来你是想问别的问题。
    <input type="text" id="inputName" name="name">
body {background:#F1EFEB; }
input{
      border: 1px solid #CFC8BC;
      border-radius: 4px;
    }
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;
}