antd table 修改右下角小色块样式

在Ant Design Table组件中，如果你想要修改单元格右下角的小色块（通常表示增删改查操作），这个小三角形叫做`actionColumn`或`template`中的`operation`部分。如果你想自定义它的样式，可以按照以下步骤操作：

1. 首先，确保你在`columns`配置中设置了`actions`或`template`，例如：

import { Column } from 'antd';
...
const columns = [
  {
    // ...
    actions: [
      <Button type="primary" icon={<PlusOutlined />} />, // 添加按钮
      {/* 或者使用模板 */}
      {
        title: '',
        render: (text, record) => (
          <Dropdown>
            {/* ...你的其他操作选项 */}
          </Dropdown>
        ),
      },
    ],
    // ...
  },
];

2. 然后，你可以通过CSS覆盖默认的样式。在全局样式表或某个组件的`style`标签内添加如下样式：

.ant-table .ant-table-body tr td .ant-dropdown-menu {
  /* 修改颜色、大小等 */
  background-color: your-custom-color;
  border-radius: your-border-radius-value;
}
.ant-table .ant-table-body tr td .ant-dropdown-menu-item {
  /* 如果需要修改每个操作项的样式 */
  color: your-font-color;
  background-color: transparent;
}

/* 如果你想覆盖整个操作列的样式 */
.ant-table .ant-table-body tr td.ant-table-action-col .ant-dropdown-menu {
  /* ... */
}

记得替换`your-custom-color`、`your-border-radius-value`以及`your-font-color`为你所需的值。