html 这个CSS核取方块状态的名称是什麽?如何移除它的效果?

lg40wkob  于 2022-12-09  发布在  其他
关注(0)|答案(2)|浏览(130)

考虑此复选框:

<input type="checkbox" />

在此复选框处于焦点状态时按键盘按钮时,复选框周围会出现一个实心的黑色轮廓。我可以通过删除该轮廓来消除:
第一次
然而,我希望将轮廓应用于实际元素,而此方法将使其无效。我想知道是否有一个伪类可用于选择此复选框状态。如果有,它的名称是什么,如何访问它?如果没有,是否有其他可行的方法(仅限CSS)实现这一点吗?我认为:focused伪类可以工作,但它选择了复选框的聚焦状态,而不是当复选框被聚焦并按下一个键时的任何状态。
P.S.当我在复选框中添加轮廓时,问题以不同的格式出现。轮廓不知何故被“扩展”了,几乎就像在元素中添加了填充或边框一样(请尝试关注以下复选框并按下一个键):
第一个

zwghvu4y

zwghvu4y1#

我认为元素状态focus-visible下的outline-offset: 0px;就是你要找的:
第一个

cig3rfwq

cig3rfwq2#

复选框是一个HTML元素,用于从用户那里获取输入。这个HTML元素通常在每个网站上使用,但是如果不对它们进行样式化,它们在每个网站上看起来都是相似的。

相关问题