主页

css 给 button 图标增加样式

2024-07-03 11:15AM

我想要把按钮图标的颜色修改为白色

如果按钮样式名称为:button.ant-btn:nth-child(2) 可以使用下面的代码:

方法1:

button.ant-btn:nth-child(2) {
  color: #fff !important;
  fill: #fff !important; /* 添加这一行设置 svg 图标的填充色为白色 */
}

方法2:

button.ant-btn:nth-child(2) > span:nth-child(2) {
  color: #fff !important;
}

button.ant-btn:nth-child(2) svg {
  fill: #fff !important; /* 或者直接针对 svg 元素设置填充色 */
}

修改前:

 

修改后:

如果按钮样式名称为:.ant-btn 可以使用下面的代码:

.ant-btn > span:nth-child(2) {
  color: #fff !important;
}

.ant-btn svg {
  fill: #fff !important; /* 添加这一行设置 svg 图标的填充色为白色 */
}

返回>>

登录

请登录后再发表评论。

评论列表:

目前还没有人发表评论