240715Note: Antd select

July 15, 2024 / Administrator / 2阅读 / 0评论 / 分类: fe

1. 如何局部修改 Antd Select组件 placeholder 的颜色

less，在子组件内部写 global 样式

    :global {
      .ant-select-selection-placeholder {
        color: #0088f9;
      }
    }

2. 如何在 Antd Select 前面加一个图标？

将组件传入 placeholder

  const TextWithIcon = ({ text, icon }: { icon: ReactNode; text: ReactNode }) => (
    <span className='flex items-center justify-start '>
      <span className='flex justify-center items-center'>{icon}</span>
      {text}
    </span>
  )

<Select placeholder={<TextWithIcon icon={<DownloadOutlined />} text='xxxx' />}

#fe(5)#antd(1)

文章作者：Administrator

文章链接：http://halo.chenkeyan.com/archives/note-antd-select

版权声明：本博客所有文章除特别声明外，均采用CC BY-NC-SA 4.0 许可协议，转载请注明出处！

评论