Estoy usando el diseño de hormigas y quiero cambiar el radio del borde del componente Seleccionar, pero no funciona. El código está debajo. E intenté usar el método classname pero no funciona.
import React from 'react' import { Select } from 'antd' const { Option } = Select; const Dropdown = ({placeholder ,...restProps}) => { return ( <Select style={style} {...restProps} placeholder={placeholder} > </Select> ) } const style = { width: 450, borderRadius: '10px', margin:3 } export default Dropdown;Si inspecciona el elemento, puede encontrar que el style va al div con el nombre de clase ant-select . Pero el borde se establece en el elemento div interno con classname ant-select-selector .
Ant Design no proporciona ningún accesorio para anular el estilo, pero puede anularlo usando CSS.
puede envolver con un div personalizado y proporcionar CSS para anular el estilo establecido por ant. Ejemplo,
<div className="my-select-container"> <Select style={style} {...restProps} placeholder={placeholder} > </Select> </div>y en el archivo CSS,
.my-select-container .ant-select .ant-select-selector { border-radius:20px; }