如何更改禁用的单选按钮/复选框上的丑陋光标图像

Posted 2023-03-05

【中文标题】如何更改禁用的单选按钮/复选框上的丑陋光标图像

【英文标题】：How to change the ugly cursor image on disabled radio buttons / checkboxes

【发布时间】：2015-12-06 13:06:42

【问题描述】：

我想在将鼠标悬停在大多数浏览器（Chrome、Internet Explorer 等）中出现的禁用控件上时删除这个丑陋的红色图像

【问题讨论】：

如果有其他选项，除了下面CSS3上下文中的答案，请添加答案

以防万一 -> 仅供参考：***.com/help/self-answer

【参考方案1】：

/* goodby the ugly cursor image on disabled inputs */
input:disabled 
    cursor: default !important;

【参考方案2】：

就用这个

CSS

对于处于禁用状态的radio 按钮

input[type='radio']:disabled 
    cursor: default;

对于处于禁用状态的checkbox

input[type='checkbox']:disabled 
    cursor: default;

【参考方案3】：

如果 CSS3 是一个选项，只需使用 :disabled 选择器并将光标设置为其他内容：

input[type='radio']:disabled 
    cursor: default;


input[type='checkbox']:disabled 
    cursor: default;