如何设置 Material UI Native 的样式选择选项间距/填充

问题描述

我正在使用 Material UI 中的 NativeSelect 组件，在 NativeSelect 组件中我有标签，请参阅下面的代码示例。

            <NativeSelect
            value={this.state.age}
            onChange={this.handleChange}
            inputProps={{
              name: "age",id: "age-simple"
            }}
          >
            <option
              value={10}
              style={{ color: "red",width: "200px",height: "200px" }}
            >
              {10}
            </option>

            <option
              value={10}
              style={{ color: "red",height: "200px",padding: '20px' }}
            >
              {10}
            </option>

            <option
              value={10}
              style={{ color: "red",padding: '30px'  }}
            >
              {10}
            </option>
          </NativeSelect>

我想自定义每个标签以在选择选项时允许填充或间距。

我所尝试的

• 我尝试为每个选项标签添加一个带有填充的样式，以便可以应用间距，但是没有应用填充。请参阅下面的代码示例。

<option
  value={10}
  style={{ color: "red",padding: '30px'  }}
</option>

• 我也尝试在选项标签上应用高度，但没有成功。
• 我有一个链接，可以了解有关此错误的更多信息。
• https://codesandbox.io/s/material-demo-forked-mh5bt?file=/demo.js:1263-2007

有谁知道是否有另一种方法可以使用 react 自定义本机选项标签？ 提前致谢。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）