考虑此复选框:
<input type="checkbox" />
当在此复选框处于焦点状态时按键盘按钮时,复选框周围会出现一个实心的黑色轮廓。我可以通过删除该轮廓来消除:
第一次
然而,我希望将轮廓应用于实际元素,而此方法将使其无效。我想知道是否有一个伪类可用于选择此复选框状态。如果有,它的名称是什么,如何访问它?如果没有,是否有其他可行的方法(仅限CSS)实现这一点吗?我认为:focused
伪类可以工作,但它选择了复选框的聚焦状态,而不是当复选框被聚焦并按下一个键时的任何状态。
P.S.当我在复选框中添加轮廓时,问题以不同的格式出现。轮廓不知何故被“扩展”了,几乎就像在元素中添加了填充或边框一样(请尝试关注以下复选框并按下一个键):
第一个
2条答案
按热度按时间zwghvu4y1#
我认为元素状态
focus-visible
下的outline-offset: 0px;
就是你要找的:第一个
cig3rfwq2#
复选框是一个HTML元素,用于从用户那里获取输入。这个HTML元素通常在每个网站上使用,但是如果不对它们进行样式化,它们在每个网站上看起来都是相似的。