更改UIkit复选框的背景颜色

Question

问题：

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

这是UIkit Form documentation的链接。

＆＃13;

＆＃13;

<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">

＆＃13;

＆＃13;

＆＃13;

我想改变背景的颜色。

Answer 1

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">

  

因为UIkit使用他们的框架来应用样式   覆盖。

所以他们使用.uk-checkbox {background-color: red;}，只需按照上面的输入定位input.uk-checkbox {background-color: red;}。