Я хочу изменить CSS для параметров раскрывающегося списка.
<Select
showSearch
placeholder = "Select a Person"
className = "NameList"
onChange = {this.handleChangeEvent}
value = {this.state.value}
optionFilterProp = "children"
filterOption = {(input, option) => option.props.children.toLowerCase().indexOf(input.toLowerCase()) >= 0}
>
{this.renderOptions()}
</Select>
renderOptions() {
return this.props.names.map((v) => {
return <Option value = {v.id}>{v.vehicleno}</Option>
})
}
здесь я использую отдельный файл CSS:
.NameList .ant-select-selection{
border: none;
border-radius:0px;
width: 150px}
Я получаю вывод как: введите описание изображения здесь
Я хочу, чтобы параметры раскрывающегося списка выглядели так:
Добавил описание, которое вы просили. В функции renderOptions () есть тег option. Также добавлено, как выглядит мой вывод.






Без вывода мы не сможем вам помочь. Какова HTML-структура выбранного? Я предполагаю, что здесь задействованы какие-то
ulиliили divs? и каков результат вашего «испытанного» кода?