当前位置: 首页 > 知识库问答 >
问题:

更改UIkit复选框的背景色

姬锐
2023-03-14

问题:

如何更改UIkit图标的颜色?具体来说,我想更改复选框图标的背景颜色。

这里是指向UIkit表单文档的链接。

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.40/css/uikit.min.css" />
<input style="color:red" class="uk-checkbox" type="checkbox">

我想改变背景的颜色。

共有1个答案

公良英资
2023-03-14
css prettyprint-override">input.uk-checkbox {
background-color: red;
}

input.uk-checkbox:checked {
background-color: red;
}

input.uk-checkbox:checked:focus {
background-color: red;
}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.40/css/uikit.min.css" />
<input class="uk-checkbox" type="checkbox">
 类似资料:
  • 问题内容: 我有一个框,当单击框并显示所有选项时,我正在尝试更改选项的背景色。 HTML: CSS: 问题答案: 你需要把对标签,而不是标签… 如果要为每个标签设置样式,请使用css 选择器:

  • 我有一个选择框,当选择框被单击并显示所有选项时,我正在尝试更改选项的背景颜色。

  • 使用RichTextFX,我能够创建一个包含字符串的代码区,并突出显示属于字符串[]关键字数组的所有单词。 我在上方有一个复选框控件,我在我的控制器代码中附加了一个,因此每当单击复选框时,它都会取消突出显示中所有突出显示的单词。我在取消突出显示(使文本背景为白色)中的文本时遇到了麻烦,因为styleClass是在下面显示的方法中定义的。现在一切正常,除了我单击复选框时,它不会取消突出显示单词: F

  • 问题内容: 您好,我想做的就是更改复选框的背景颜色。我累了很多事情,但是什么都没用。可以帮忙吗? 问题答案: 我总是使用伪元素并用于更改复选框和单选按钮的外观。它的工作就像一种魅力。 脚步 使用诸如或或等的CSS规则隐藏默认复选框。 使用element 创建一个伪造的复选框,并传递一个空白或不间断的空格; 复选框处于状态时,传递unicode ,即选中标记; 添加样式以使复选框可访问。 完成了 这

  • 问题内容: 我正在尝试以可靠,外观独立的方式更改a的颜色。 如果使用Metal L&F,则使用UIManager是一种方法: 注意 :Iyy指出我在上面的属性名称中有一个错字,但是我会留给上面的人输入,但实际的属性名称应该是: 但是,这在我当前的外观(当前为Windows XP)中不起作用。经过进一步分析,看来Windows(仍然是XP)中的系统外观根本没有使用任何基于-的属性,或者至少它本身不提

  • 我已经尝试了我能找到的任何东西,基本上总的想法是使用以下css规则: 问题是,唯一起作用的规则是大纲。背景不会以任何方式改变。它仍然是灰色的。我提供了上面发布的css规则的结果的屏幕截图。 有什么工作方法可以成功地更改禁用复选框的背景颜色吗?