Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在输入中添加两个边框,其中一个有半径_Css - Fatal编程技术网

Css 在输入中添加两个边框,其中一个有半径

Css 在输入中添加两个边框,其中一个有半径,css,Css,我试图在聚焦时为输入文本添加两个边框,我所做的解决方案是添加边框和框阴影 我遇到的问题是,我希望外部边界的半径为1px,而内部边界没有半径 我怎样才能做到这一点 输入:焦点{ 边框:1px实心#14a7a7; 盒影:0px 0px 1px 3px#83d7d8; 边界半径:0; } 输入{ 边框:1px实心#9797; 大纲:0; } 使用方框阴影作为内边框,您可以轻松添加半径 输入:焦点{ 盒影:0 1px插图#14a7a7; 边框:3px实心#83d7d8; 边界半径:3px; } 输入

我试图在聚焦时为输入文本添加两个边框,我所做的解决方案是添加边框和框阴影

我遇到的问题是,我希望外部边界的半径为1px,而内部边界没有半径

我怎样才能做到这一点

输入:焦点{
边框:1px实心#14a7a7;
盒影:0px 0px 1px 3px#83d7d8;
边界半径:0;
}
输入{
边框:1px实心#9797;
大纲:0;
}

使用方框阴影作为内边框,您可以轻松添加半径

输入:焦点{
盒影:0 1px插图#14a7a7;
边框:3px实心#83d7d8;
边界半径:3px;
}
输入{
盒影:0 1px插图#9797;
边框:3倍纯色透明;
大纲:0;
}

当前代码中没有半径您的
边界半径设置为0@TemaniAfif对不起,我的问题不清楚,我已经更新了it@DeniJ. 这是因为我希望边界没有半径,但同时,我希望外部边界的半径为1px@RenaudisNotBillGates所以长方体阴影应该有半径?