.ant-progress-inner设置背景色不生效

如果您使用 `.ant-progress-inner` 设置背景色不生效，可能是因为 Ant Design 的样式被其他样式覆盖了。您可以尝试使用更具体的选择器或添加 `!important` 来覆盖其他样式。

例如，您可以尝试使用以下样式代码：

.ant-progress-bg .ant-progress-inner {
  background-color: #your_color !important;
}

这个样式选择器比之前的更加具体，可以覆盖其他可能存在的样式。如果您仍然无法设置背景色，您可以检查浏览器开发者工具中的样式选项卡，看看是否存在其他可能覆盖您的样式。

相关问题

.ant-progress-inner设置背景色

如果您想要修改 `a-progress` 组件的进度条背景色，可以使用 `.ant-progress-inner` 来设置。

以下是CSS样式代码示例：

.ant-progress-inner {
  background-color: #your_color;
}

将 `#your_color` 替换为您想要设置的背景色值即可。例如，如果您想要将背景色设置为橙色，可以将代码修改为：

.ant-progress-inner {
  background-color: orange;
}

请注意，这将只会修改进度条的背景色，而不会修改进度条的填充色。如果您想要同时修改填充色和背景色，可以尝试使用 `.ant-progress-bg` 和 `.ant-progress-text` 类来进行设置。

这样设置并不生效，仍然会被下面这个属性替代：.ant-modal.custom-modal.ant-confirm-confirm .ant-modal-content .ant-modal-body .ant-confirm-body-wrapper .ant-confirm-btns .ant-btn

如果你的自定义样式无法覆盖默认样式，你可以使用 `!important` 规则来强制应用自定义样式。例如：

import { Modal, Button } from 'antd';

Modal.confirm({
  className: 'custom-modal',
  title: window.language['playlist.tip'],
  content: window.language['playlist.des5'],
  okButtonProps: {
    style: {
      width: '100px',
      height: '50px',
    },
    className: 'custom-ok-button',
  },
  cancelButtonProps: {
    style: {
      width: '120px',
      height: '50px',
    },
    className: 'custom-cancel-button',
  },
  onOk: () => {
    // 确认操作
  },
  onCancel: () => {
    // 取消操作
  },
});

然后在你的 CSS 文件中添加以下代码：

.custom-modal .custom-ok-button {
  width: 100px !important;
  height: 50px !important;
}

.custom-modal .custom-cancel-button {
  width: 120px !important;
  height: 50px !important;
}

这样就可以强制应用自定义样式了。如果你仍然无法覆盖默认样式，你可以使用更具体的 CSS 选择器来定位元素并应用自定义样式。