Fatal编程技术网
  • reactjs/
  • Reactjs 更改“的箭头图标”；选择"；

Reactjs 更改“的箭头图标”；选择"；

reactjs select

Reactjs 更改“的箭头图标”；选择"；,reactjs,select,dropdown,antd,Reactjs,Select,Dropdown,Antd,我想用ant design（）提供的和图标替换默认的下拉选择箭头，例如DownCircleOutlined。可能吗？这是我当前的代码。我还没有任何风格，因为我不知道它的方法 <Select> <Option value="1">a</Option> <Option value="2">b</Option> <Option value="3">c</Option> </Select&g

我想用ant design（）提供的和图标替换默认的下拉选择箭头，例如DownCircleOutlined。可能吗？这是我当前的代码。我还没有任何风格，因为我不知道它的方法

<Select>
    <Option value="1">a</Option>
    <Option value="2">b</Option>
    <Option value="3">c</Option>
</Select>


A.
B
C
使用
选择组件上的
后缀图标



像这样：


从“React”导入React
从“react dom”导入react dom
导入“antd/dist/antd.css”
导入“./index.css”
从“antd”导入{Select}
从“@ant design/icons”导入{DownCircleTwoTone}
常量{Option}=Select
ReactDOM.render(
option.children.toLowerCase（）.indexOf（input.toLowerCase（））>=0
}
>
杰克
露西
汤姆
,
document.getElementById（'容器'）
)

Ant Design的
Select
组件实际上似乎允许您通过将图标组件传递给相应的道具来实现自定义图标。Sufficicon onclick不会打开下拉列表，有什么解决方案吗？@TechSolutionsInc向组件添加
className=“ant select suffix”
如何修改其颜色？@ChervinTanilon给
DownCircleTwoTone
一个类名。检查滤芯。您将看到图标的html结构应该是：
.CLASSNAMEGIVEN
svg
路径
，
路径
，
路径
（3个同级路径元素）您需要使用伪选择器（如
nth-child（）
并更改
路径
元素的
填充
属性以修改图标颜色。