【问题标题】:Change color of tick in ANTD Checkbox更改 ANTD 复选框中的勾号颜色
【发布时间】:2020-06-29 07:48:11
【问题描述】:

如何更改复选框中事物的颜色?这就是我所做的:

.ant-checkbox-checked .ant-checkbox-inner {
  color: #000000;
  background-color: #008000;
}

.ant-checkbox-checked .ant-checkbox-input {
  color: #000000;
  background-color: #000000;
}

【问题讨论】:

  • 寻求代码帮助的问题必须包含最短代码以便在问题本身中包含重现它所必需的最好是Stack Snippet。见How to create a Minimal, Reproducible Example
  • w3schools.com/howto/howto_css_custom_checkbox.asp 试试这个,它有你想要的一切,还有更多你可以使用的样式。很好的开始。
  • @Paulie_D 我不是已经生成代码了吗?当您使用 ANTD 时,您只需要调用 <Checkbox/>,它就会返回带有我的 CSS 的复选框
  • 不,你没有。您提供的 CSS 的 sn-p 未演示该问题,我们并不都有可用的 ANTD,您的演示应该可以在问题中运行。
  • @Paulie_D 这可能只是样式问题,您无需明确提及如何返回复选框(例如<input type="checkbox"/>

标签: css antd


【解决方案1】:

将此 CSS 添加到您的样式中:

.ant-checkbox-checked .ant-checkbox-inner:after {
  border-color: red !important;
}

【讨论】:

  • 它不工作。我现在将有一个矩形而不是一个刻度。我将编辑我的帖子,向您展示它现在的样子。
  • 我使用的是 V4.4.0
  • 有没有我可以阅读更多的文档或网站?因为它似乎对我不起作用
  • 对不起,它仍然无法正常工作。我什至创建了一个代码框代码来测试它:codesandbox.io/s/hello-antd-77jxp
  • 嘿,我想知道,既然添加边框会使刻度看起来是方形的,那我怎么能改变它的粗细呢? stackoverflow.com/questions/62674344/…
猜你喜欢
  • 2022-10-25
  • 2019-09-02
  • 2013-12-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-01
  • 2020-09-21
相关资源
最近更新 更多