如何更改ant design中单选按钮的颜色?

2023-11-24

我正在使用 antd 收音机和复选框。我想给他们定制颜色。我找到了有关复选框的答案,但找不到更改单选按钮颜色的方法。

有什么办法可以做到吗?


您可以通过覆盖以下 css 类来实现它:

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

.ant-radio-checked .ant-radio-inner:after{
  background-color: red;
}

.ant-radio:hover .ant-radio-inner {
  border-color: red ;
}

第一个块负责为无线电中点周围的圆圈着色。您可以忽略 !important 规则,但随后您必须覆盖 :focus 选择器,例如:

.ant-radio-checked .ant-radio-inner:focus{
  border-color: red;
}

第二个块为所选单选按钮中间的点着色。悬停时最后一个色环。我不完全确定为什么 ant-radio-inner 应该在 radio:hover 内,但它对我有用。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何更改ant design中单选按钮的颜色? 的相关文章

随机推荐

  • 与 ItemControl 的双向绑定

    我正在尝试编写一个具有 ItemsControl 的用户控件 其中的 ItemsTemplate 包含一个允许 TwoWay 绑定的 TextBox 但是 我一定在代码中的某个地方犯了错误 因为绑定似乎仅在 Mode OneWay 时才起作
  • 在 unix 中使用 shell 脚本从文件名中提取日期

    我正在研究 shell 脚本 我想从文件名中提取日期 文件名是 abcd 2014 05 20 tar gz 我想从中提取日期 2014 05 20 echo abcd 2014 05 20 tar gz grep Eo digit 4 d
  • 如何仅使用 OpenCV HighGui 制作一个简单的一键窗口?

    我正在使用 OpenCV 开发一个游戏项目 现在我必须制作一个简单的 GUI 一个带有一个按钮的窗口 仅使用 HighGui 我不确定 但我想我应该使用这样的东西 cvNamedWindow NameWindow CV WINDOW AUT
  • TCPDF - 标题图像仅显示在第一页上

    我正在使用 TCPDF 生成 2 页 pdf 文档 我已向文档添加了页眉和页脚 页眉和页脚的文本部分在每个页面上正确显示 但是当我在页眉中包含图像徽标时 它仅显示在第一页上 public function Header this gt Im
  • 无法在 Ubuntu 中升级 Android studio

    我目前正在使用 android studio 2 0 但想将其更新到 2 1 因为它已在稳定频道上发布 现在 当我按下 更新并重新启动 按钮时 它会下载补丁 然后退出 但不会自行重新启动 因此 我手动启动它以检查更新是否成功 但它仍然显示
  • Emacs Lisp:(函数(lambda ...))和(lambda ...)之间的区别?

    有什么区别 function lambda and lambda and lambda 在很多情况下 这三个似乎可以互换 它们非常可以互换 答案是function enableslambda 要进行字节编译 而其他两个则不需要 并且是等效的
  • Python计算列表中其他字符串列表中不重复的子字符串的数量

    我有两个清单 main list Smith Smith Roger Roger Smith 42 master list Smith Roger 我想计算在 main list 字符串中从 master list 中找到字符串的次数 而不
  • 如何从类创建 XSD 架构?

    我在处理 XSD 文件时遇到了困难 我正在尝试从类创建 XSD 文件 public enum Levels Easy Medium Hard public sealed class Configuration public string N
  • 如何注释日期时间的天数差异

    我有一个Booking模型有start and end日期时间字段 我想知道预订涵盖多少天 我可以在 Python 中执行此操作 但我需要这个值来进行进一步的注释 这是我尝试过的 In 1 Booking objects annotate
  • 是否可以在没有 Web dyno 的情况下将 Node.js 应用程序部署到 Heroku?

    对于一些背景故事和参考 这里有一些 Heroku 文档页面的引用 来自Heroku Node js 支持 gt 激活 当应用程序具有以下功能时 将使用 Heroku Node js 构建包package json根目录下的文件 From H
  • objc 警告:“丢弃指针目标类型中的限定符”

    编译时 char str NSString stringWithFormat i days and i hours days hours UTF8String 我收到这个警告 initialization discards qualifie
  • .NET 音译库是否存在? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 目前不接受答案 是否 NET音译图书馆存在吗 请注意 这不是翻译 类似于 Perl lib http www lingua systems com translit
  • 使用 ElasticSearch 搜索文件名

    我想使用 ElasticSearch 搜索文件名 而不是文件内容 因此我需要找到文件名的一部分 完全匹配 没有模糊搜索 Example 我有具有以下名称的文件 My first file created at 2012 01 13 doc
  • 为什么差异列表不是可折叠的实例?

    The 列表包包含DList数据类型 有很多实例 但没有Foldable or Traversable 在我看来 这是两个最 类似列表 的类型类 是否存在性能原因DList不是这些类的实例吗 此外 该包确实实现了foldr and unfo
  • 如何在 Xamarin Forms 中访问 ControlTemplate 的元素

    我在 App xaml 中定义了一个 ControlTemplate 现在 我需要能够处理某些 UI 事件 在 Visual Studio 的 XAML 编辑器中 如果我将处理程序附加到事件 则会在 App xaml cs 中创建该处理程序
  • 修复 cakephp .htaccess/mod_rewrite 的共享托管设置

    我正在尝试在共享托管设置上安装 cakePHP 将文件解压到类似位置后 public html dev 蛋糕并访问适当的 URL 在本例中http 主机名 用户名 dev cake 我收到 404 错误 Not Found 在此服务器上找不
  • 如何使用 Hibernate 获取最后插入的 id

    我想在 Hibernate 中获取最后插入值的 id 搜索后 Long lastId Long session createSQLQuery SELECT LAST INSERT ID uniqueResult longValue 但下面的
  • 如何使javascript变量全局化

    我需要做这个data全局变量 ajax url get data php cache false dataType json data success function data for var i 0 i lt data results
  • 在 SSIS 2012 的 OLE DB 源中使用动态 SQL

    我有一个存储过程作为 SQL 命令文本 它正在传递一个包含表名的参数 然后该过程从该表返回数据 我无法直接将该表调用为 OLE DB 源 因为过程中的结果集需要发生一些业务逻辑 在 SQL 2008 中这工作得很好 在升级的 2012 包中
  • 如何更改ant design中单选按钮的颜色?

    我正在使用 antd 收音机和复选框 我想给他们定制颜色 我找到了有关复选框的答案 但找不到更改单选按钮颜色的方法 有什么办法可以做到吗 您可以通过覆盖以下 css 类来实现它 ant radio checked ant radio inn