CSS代码button:not(:disabled) {cursor:pointer;}含义及焦点可行性咨询
关于这段CSS代码的解释与焦点问题解答
代码含义
这段CSS代码:
button:not(:disabled) { cursor:pointer; }
作用很明确:给所有未被禁用(:disabled 伪类不生效)的 <button> 元素设置鼠标光标样式为指针(也就是常说的“小手”光标)。简单来说,当按钮处于可用状态时,鼠标移上去会变成小手形态,提示用户该按钮可点击。
焦点相关问题
这段样式完全不影响按钮的焦点获取能力。未被禁用的按钮默认就具备获取焦点的能力(比如通过Tab键切换、点击等方式),除非你额外给按钮设置了 tabindex="-1"、pointer-events:none 这类会干扰焦点的属性,否则应用这个样式的可用按钮依然可以正常获取焦点。
内容的提问来源于stack exchange,提问作者Emma
相关产品推荐
相关产品推荐

