reactjs - 给<select>选项一个边框是否可以给 <Select> 选项的容器一个边框？<Select> 标签实现了一个带有 <Menu> 组件的 <Popover>，在该组件上呈现 <MenuItem> 的选项，但文档没有详细说明如何设置该容器的样式。有一个选项可以通过 MenuProps 将道具应用于菜单，但在示例/文档中不清楚如何将边框应用于它。https://codesandbox.io/s/material-demo-2cdqs?fontsiz

首页 > 解决方案 > 给选项一个边框是否可以给 <Select> 选项的容器一个边框？<Select> 标签实现了一个带有 <Menu> 组件的 <Popover>，在该组件上呈现 <MenuItem> 的选项，但文档没有详细说明如何设置该容器的样式。有一个选项可以通过 MenuProps 将道具应用于菜单，但在示例/文档中不清楚如何将边框应用于它。https://codesandbox.io/s/material-demo-2cdqs?fontsiz

问题描述

标签： reactjsmaterial-ui

解决方案

是的，您要做的就是在覆盖 useStyles 部分中写下您的样式

const useStyles = makeStyles((theme: Theme) =>
  createStyles({
    select: {
      border: "1px solid black",
    },
  }),
);

像这样，然后您将其传递给 Select 组件：

<Select className={classes.select} />

像这样

问题描述

解决方案

推荐阅读