reactjs - React Select，如何更改下拉菜单上的字体大小

Question

React Select，如何更改下拉菜单上的字体大小

 const customStyles = {
    control: (base) => ({
      ...base,
      fontSize: 13,
      paddingTop: 3,
    }),
  };

Answer 1

你几乎猜对了。只需将 fontSize int 13 更改为字符串 '13px'/'13em' 即可。这将更改所选选项的字体大小。

要更改菜单选项的字体大小，请在 customStyles 中添加以下代码:

menuPortal: base => ({
            ...base,
            fontSize: '13px'
        }),