如何自定义select下拉MUI纸张CSS

文章/答案/技术大牛

发布

2回答

reactjs、material-ui

我为我的react项目使用Material UI，并使用Material UI文档中显示的select下拉菜单。单击第一组选择下拉菜单时，会弹出一个Material UI页面，其中包含与选择元素本身重叠的选项。如何使用自定义主题使弹出窗口稍微低于select元素，使其不会重叠？material-ui/core/MenuItem'; import FormControl from '@material-ui/core/Fo

浏览 27提问于2019-03-25得票数 2

1回答

定制材料UI组件

reactjs、material-ui

我正在尝试自定义纸张组件，使其具有完整视图的宽度。坦率地说，如果我试图定制任何小细节，我就会遇到很多这样的问题。 padding: 0, }这不管用如何优雅地操作MUI组件的内部组件。

浏览 2提问于2019-11-05得票数 0

3回答

MUI Select下拉元素的样式

reactjs、material-ui

我正在尝试自定义MUI Select组件下拉元素的设计(边框、半径边框)。你知道我怎么才能把下垂画成这样吗？下面是组件当前状态的屏幕截图：我能够自定义MUI Select组件的输入元素的设计。

浏览 10提问于2018-05-15得票数 20

1回答

如何覆盖MUI对话框的CSS？

reactjs、material-ui

我需要设置对话框的高度，但是MUI CSS似乎获得了更高的CSS优先级。我该如何使用它或覆盖它？</Dialog>谢谢

浏览 6提问于2022-10-24得票数 0

1回答

无法减小下拉列表高度

reactjs、material-ui

我使用的是"select“下拉列表，即https://mui.com/components/selects/#basic-select中的”基本选择“，但下拉列表的高度超出了要求，如何降低下拉列表的高度import * as React from 'react'; import Box from '@mui/material/Box'

浏览 9提问于2021-10-01得票数 1

1回答

无法更改主题材料中的背景色-UI

reactjs、material-ui

我一直试图定义一个自定义的主题使用材料UI和定义一个default背景颜色为它。但是，当其他pallete选项发挥作用时，这些更改并没有生效。有人能告诉我我做错了什么吗？这是我的密码import { createTheme } from '@mui/material';import

浏览 14提问于2021-12-10得票数 4

回答已采纳

2回答

更改材质的颜色UI选择组件边框不工作

javascript、css、reactjs、material-ui

这是我的代码：import { makeStyles } from '@mui/styles'; select: { '&.MuiOutlinedInput-

浏览 16提问于2022-05-27得票数 2

回答已采纳

2回答

当ListItemButton被选中时，我如何覆盖它的样式？

css、reactjs、material-ui

我试图覆盖MUI中一个按钮的现有样式。这是我第一次使用MUI，我用默认的情感安装了我的项目，作为样式引擎。我尝试使用这里指定的css()方法：，但是它似乎不起作用，即使在提供的示例中也是如此。我会尝试添加一个要处理的自定义css文件:select，但我在组件中使用状态将从select更改为not。import * as React from "react"; import Avatar from "@mui/ma

浏览 12提问于2022-04-24得票数 0

回答已采纳

1回答

在梅花落水中，在一次在react中选择选项后，图标不会显示在下拉菜单中。

javascript、reactjs、material-ui

如果您单击下拉列表，您会注意到图标正在显示它的“ok”，但是如果您选择了任何一个选项，那么如果您单击下拉列表该图标没有显示，则在第一次选择正确的流后，如果选择了一个选项，然后如果选择下拉菜单，则图标将不会显示，如何修复该选项？} from "react-icons/bs";import MenuItem from "@<em

浏览 2提问于2022-03-30得票数 0

2回答

如何使用MUI v5主题创建自定义CSS类？

css、reactjs、material-ui

我在我的应用程序中使用MUI v5，同时使用react-d3-tree来呈现SVG树状图。它提供了一个API，用于在连接树节点的<path>元素中包含自定义的CSS类名。我希望将自定义类名传递给react-d3-tree，并能够使用MUI的主题变量。因此，仅仅导入一个.css文件是不够的。如何使用MUI v5创建静态命名的自定义CSS类，并利用我的应用程序的其他部分样式的MUI主题定义？

浏览 3提问于2021-11-30得票数 1

2回答

UnexpectedTagNameException:元素应该是"select“，但在使用Selenium和Java获取下拉菜单文本时是"a”。

java、selenium、xpath、drop-down-menu、css-selectors

thread "main" org.openqa.selenium.support.ui.UnexpectedTagNameException: Element should have been "selectWebElement ele = driver.findElement(By.xpath("//*[@id=\"logo-menu\"]/div/div[1]/div/a")); Select</em

浏览 7提问于2022-02-09得票数 0

2回答

组件未在onChange侦听器的开关语句中呈现

reactjs

在这个类中，我在选择下拉菜单的onChange侦听器中有一个开关语句。当进行选择时，我希望为每个下拉选项呈现一个不同的表单。例如，使用switch语句进行条件呈现。';import MenuItem from '@mui/material/MenuItem';import ListSubheader from '@

浏览 1提问于2022-02-17得票数 0

回答已采纳

1回答

梅花-在ListItemText中复制文本

javascript、reactjs、material-ui

我无法从素材UI中复制组件中的文本。我能改变什么才能做到这一点？ className={background_colour} {checkboxes} **<ListItemText primary={text} />** <Button onClick={()

浏览 8提问于2022-07-12得票数 1

1回答

React MUI下拉列表，显示值不是选定的

reactjs、select、drop-down-menu、material-ui

我试图实现一个下拉列表，它显示多个供选择的按钮，并实现一个显示值，而不依赖于如下所示的下拉项目：在本例中，用户可以为显示两个指标的图表选择不同的比例。如果这两种度量尺度不同，则下拉显示“混合”，如果它们都具有相同的标度，则将显示“线性”或“日志”，这取决于总体规模。我尝试使用MUI Select component并添加了一个自定义函数来更改显示值，但我得到了警告： MUI: You have provided an out-of-range value `

浏览 8提问于2022-09-12得票数 0

回答已采纳

1回答

如何通过物料用户界面选择下拉列表

reactjs、material-ui

物质用户界面选择如何使下拉列表下降到顶部，现在它总是下降，我想让它通过api或其他什么东西，但它不起作用 import * as React from "react";import InputLabel from "@mui/material/InputLabel"; import MenuItem from "@mui</e

浏览 8提问于2022-11-22得票数 2

回答已采纳

2回答

梅文字段更改图标时，不能单击

javascript、reactjs、material-ui

我正在使用一个MUI文本字段组件。我添加了一个select道具，所以我使它成为一个带有下拉列表值和下拉图标的select。我想将下拉图标更改为我在附图中的自定义图标。问题是，当我把它擦到一个自定义图标时，我不能再点击它了，我已经尝试了多种解决方案，比如下面的片段中显示的解决方案，但是它仍然不能点击。在应用程序中，我所有的文本字段都会发生这种情况。能不能有人帮我一下，谁以前用过MUI，也处理过这件事，谢谢！ eslint-disabl

浏览 16提问于2022-11-06得票数 1

回答已采纳

3回答

如何更改下拉悬停颜色react Material-UI选择

reactjs、user-interface、material-ui

我需要将我的下拉悬停改为绿色。我试过内联CSS和makeStyle()，但它们都不适合我。我没有改变这个悬停颜色的想法。如果有人能帮我这个忙，我真的很感激。 ? 这是我的代码： <Select ))}

浏览 46提问于2021-10-04得票数 2

回答已采纳

2回答

如何在MUI中应用自定义动画效果@keyframe？

css、reactjs、material-ui、jss

我已经学会了用@keyframe在CSS中使用动画。然而，我想把我的自定义动画代码写到我的React项目中(使用MUI)。我的挑战是如何编写Javascript代码来使用MUI中的makeStyle()自定义我的动画。我希望这一次能够在MUI中以百分比的形式自定义转换过程。我需要能够在makeStyle()中编写这样的代码，但我似乎不知道如何这样做。

浏览 1提问于2019-11-20得票数 69

回答已采纳

1回答

选择元素设置与API不同的名称

javascript、html、css、reactjs、material-ui

在资料ui选择元素方面需要一些帮助&命名下拉列表，问题：import MenuItem from "@mui/material/MenuItem"; import FormCo

浏览 2提问于2022-03-01得票数 0

1回答

材质-UI 4.1.2样式选择SelectInput

reactjs、material-ui

#90caf9" width: "196px",};<FormControl> <MenuItem value="" disabled>

浏览 0提问于2019-07-10得票数 4

回答已采纳

点击加载更多