轮廓半径?

div元素的轮廓上是否有类似于边界半径的圆角

这是一个老问题,但这可能与有类似问题的人有关。我有一个圆角边框的输入字段,想改变焦点轮廓的颜色。我无法控制输入控件的可怕方形轮廓

因此,我使用了box shadow。实际上,我更喜欢阴影的平滑外观,但阴影可以硬化以模拟圆形轮廓:

输入,输入:焦点{
边界:无;
边界半径:2pt;
盒影:0 1pt灰色;
大纲:无;
转换:.1s;
}
/*带框阴影的平滑轮廓:*/
.text1:焦点{
盒影:0.03吨2吨矢车菊蓝;
}
/*带方框阴影的硬“轮廓”:*/
.text2:聚焦{
盒影:0.2pt红色;
}
<输入class=“text1”>
<br>
<br>
<输入类型=text class=“text2”&gt

发表评论