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

【问题标题】：How to change the ugly cursor image on disabled radio buttons / checkboxes如何更改禁用的单选按钮/复选框上的丑陋光标图像
【发布时间】：2015-12-06 13:06:42
【问题描述】：

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

【问题讨论】：

如果有其他选项，除了下面CSS3上下文中的答案，请添加答案
以防万一 -> 仅供参考：stackoverflow.com/help/self-answer

标签： html css google-chrome internet-explorer disabled-control

【解决方案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;
}

【讨论】：