无法更改字体粗细 - 选择组件 Antd

Question

我刚开始编程，正在用ant设计创建一个select组件，但我无法更改ant设计的字体大小。该组件接受我传递的所有属性，除了字体大小。我希望字体的重量取"；Data de Início"；。有什么解决方案吗？感谢

export function CustomSelect({ onChange, options, value }) {
return (
<div className={cx('tw-rounded tw-flex tw-items-center tw-justify-center tw-text-xs tw-text-hoki', styles.ordenarDiv)}>
<span className={cx('tw-ml-8 tw-font-semibold', styles.ordenarSpan)}>Ordenar por:</span>
<Select
onChange={onChange}
value={value}
bordered={false}
dropdownClassName={styles.dropDown}
className={cx('tw-rounded', styles.select)}
dropdownMatchSelectWidth={false}>
{options.map((item) => {
const classOption = item.id === value ? styles.optionSelected : styles.options
return (
<Option key={item.id} value={item.id} className={classOption}>
{item.value}
</Option>
)
})}
</Select>
</div>
)
}

.select {
background: transparent;
color: #64869f;
font-size: 12px;
font-weight: 700px;
}

结果

Answer 1

要更改Select字段中的字体大小，可以覆盖ant样式：

.ant-select-selection-item {
font-weight: 900;
}

要更改选项字段中的字体重量，您可以覆盖：

.ant-select-item-option-content {
font-weight: 900;
}