蚂蚁设计更改禁用时选择背景色

import React from 'react';
import { Button } from 'antd';
import styled from 'styled-components';

// 自定义禁用状态的样式
const CustomDisabledButton = styled(Button)`
  && {
    background-color: #f0f2f5; // 自定义背景色
    border-color: #d9d9d9;     // 自定义边框色
    color: #ccc;               // 自定义文字颜色
  }
`;

const App = () => {
  return (
    <div>
      <Button type="primary" disabled>默认禁用按钮</Button>
      <CustomDisabledButton type="primary" disabled>自定义禁用按钮</CustomDisabledButton>
    </div>
  );
};

export default App;

const CustomDisabledButton = styled(Button)`
  && {
    background-color: #f0f2f5 !important; // 使用 !important 提高优先级
    border-color: #d9d9d9 !important;
    color: #ccc !important;
  }
`;