覆盖MuiCheckbox的悬停样式

文章/答案/技术大牛

发布

3回答

css、reactjs、material-ui

目前，我所有的复选框都有一个悬停的圆圈。我想把它去掉 ? 所以我去了MuiTheme中的overrides： export const MUI_THEME = createMuiTheme({ MuiCheckbox: {'&:hover': { } }, }, 但它会生成在常规浏览器中被忽略样式</

浏览 36提问于2020-10-08得票数 1

1回答

如何重写此materialui样式

css、reactjs、material-ui

这是css样式，在我从控制台捕获的复选框中使用的是资料-ui。.MuiCheckbox-colorPrimary-262.MuiCheckbox-checked-260 colorPrimary: { checked: { color:'#1565c0

浏览 0提问于2018-07-19得票数 2

回答已采纳

2回答

Material全局复选框焦点样式(非本地)

javascript、reactjs、material-ui、react-material

试图改变复选框的样式时，它是集中在一个全局级别使用的材料-UI(反应)。目前，只有默认和悬停样式工作： colorSecondary: { '&:hover': { outline: '2px auto rgba(19,

浏览 1提问于2019-12-17得票数 2

回答已采纳

1回答

悬停时不显示MUI下一个工具提示

javascript、reactjs、ecmascript-6、material-ui

我使用Material-UIv1.0.0-beta.34工具提示与Checkbox和FormControlLabel，实际上当我悬停到Checkbox上的标签时，在另一种情况下，当我创建一个新的带有FormControlLabel和Checkbox的组件(自定义)时，工具提示看起来不像预期的那样工作。

浏览 19提问于2018-02-22得票数 9

回答已采纳

1回答

覆盖MaterialUI MuiCheckbox图标默认属性

reactjs、material-ui、material-design

我想覆盖MuiCheckbox图标，例如，在整个项目中使用自定义的icon和indeterminateIcon道具图标。我使用的是一个自定义主题： import { CustomBlankIcon, CustomIndeterminateIcon } from "./Icons"; createMuiTheme({ MuiCheckbox: {CustomInde

浏览 13提问于2020-09-02得票数 0

回答已采纳

3回答

材料用户界面禁用复选框悬停

reactjs、material-ui

我试图禁用圆形悬停材料UI复选框组件。未选中复选框时，将禁用悬停，但在选中复选框时，也需要禁用悬停。有什么窍门怎么做吗？下面是我的复选框组件： control={ className={classes.checkbox} <CheckBoxIcon />

浏览 6提问于2021-01-21得票数 1

回答已采纳

1回答

如何用类和css模块覆盖样式？

reactjs、material-ui、css-modules

集中的、检查过的类似乎不能正常工作。我需要始终使用！重要或使用jss风格提供的材料-用户界面。const App = () => <CssModulesButton />; 我不能用任何其他方式覆盖复选框的颜色重要的类覆盖组件？有时甚至！重要的不起作用使用inb4 im的<

浏览 1提问于2020-05-15得票数 1

回答已采纳

1回答

如何将curson样式“不允许”添加到物料UI数据网格禁用行？

javascript、reactjs、material-ui

我在material ui数据网格中有一个有条件的禁用行，用户无法对其进行选择或执行操作。我想在这一行显示cursor: "not-allowed"。我们如何向该行添加样式？因为我们在行中没有任何参数来指定它是禁用的行。id === currentUserID) /> 这是禁用的行和正常的行在浏览器检查元素中的样子。第一个是这里的disabled行。 ? 根类的CSS实现，其中封装了

浏览 11提问于2021-08-03得票数 1

1回答

SVG复选框删除填充

html、css、svg、material-ui

我试图覆盖MUI5复选框CSS字段，这是当前的状态：我的CSS类是： styleOverrides: { ".MuiSvgIcon-root2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"></path> 我的问题是如何在不删

浏览 24提问于2022-10-21得票数 2

2回答

覆盖Rails中的超链接样式

ruby-on-rails、css、hyperlink

我使用Bootstrap作为我的CSS样式。我想假冒一个链接作为按钮，所以我需要关闭悬停样式： color: #00438a;} 如何覆盖html文件中的悬停属性(而不覆盖Bootstrap中定义的内容)。

浏览 1提问于2011-12-31得票数 0

回答已采纳

2回答

覆盖主题中的.-禁用(或其他伪类/状态) (MUI v4.1.X)

javascript、reactjs、material-ui

我想从我的主题覆盖中覆盖全局.Mui-disabled CSS规则。我可以对特定的组件这样做(在Material-UIv4.1.x中)： MuiTheme['overrides'] = { backgroundColor: 'inherit' }} 我希望避免将其添加到每个不同的组件中，并且只需覆盖一次.基本上，我不希望所有禁用的</e

浏览 22提问于2019-07-02得票数 8

回答已采纳

1回答

覆盖样式:悬停

css、hover

我正在创建一个收件箱，其中将有我在一边的asp菜单和中心的收件箱。我需要将字体颜色更改为红色，并在看到数据库中的新行时将其设置为粗体。我已经在菜单项上使用了adding。如果没有悬停，它看起来就像这样。如果悬停，它必须看起来像这样。用于菜单

浏览 4提问于2012-09-13得票数 0

1回答

MUI v5 -在复选框上应用不同的类

javascript、reactjs、material-ui

当比较DOM中的旧版本和新版本时，在我看来，v5应用了一些额外的类，并且不再应用className MuiIconButton-label的额外跨度，这使我的列表看起来有点奇怪，因为复选框将不再使用相同的样式我知道这是一个从jss到情感的转变，但其他的一切似乎都像往常一样。<span class="MuiButtonBase-roo

浏览 20提问于2022-10-30得票数 0

回答已采纳

1回答

从css更改段落样式的层次结构问题

css、hover

我想更改段落样式样式覆盖它。green;} background-color: blue;} 当鼠标悬停在AAAA上方时，我想将字体BBBB的颜色更改为橙色。悬停发生时，BBBB样式字体会收到更改背景色和字体颜色的命

浏览 17提问于2020-03-10得票数 0

回答已采纳

2回答

Material禁用悬停:不对所有控件(所有状态)进行媒体查询

css、reactjs、material-ui

使用具有触摸功能的监视器，我在任何控件上都没有悬停样式。如何禁用所有@media (悬浮:无)样式，而不覆盖每个控件/每个状态的样式？我使用的是资料UI3.9.

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

回答已采纳

1回答

CSS不是选择器和:hover

html、css

我被以下问题弄糊涂了:悬停，更多的是被非选择器弄糊涂了，我是自学的，所以这可能是这里的问题： font-family: 'Varta', sans-serif; padding: 0; border-ri

浏览 4提问于2021-09-04得票数 0

1回答

我在Google扩展中使用jQuery来覆盖网站的默认CSS。.CatalogHoverContent的默认类是display: none;，但是当类.SmallCatalogItemView或.CatalogItemInner悬停时，它将更改为display:我试图通过使用下面的代码覆盖样式来防止这种情况，但是网站的默认样式似乎正在覆盖这个样式，而且类CatalogHoverContent仍然没有默认显示。.Cat

浏览 3提问于2016-01-16得票数 1

回答已采纳

3回答

为什么我的超链接不能改变颜色或加下划线？

css、visual-studio-2010、visual-studio

为什么我的超链接不能改变颜色或加下划线？我在我的CSS中有一个标准的VS2010站点：{outline: none;{ color: #1d60ff

浏览 2提问于2012-06-06得票数 0

回答已采纳

9回答

我可以通过JavaScript禁用CSS :hover效果吗？

javascript、jquery、css

我试图通过JavaScript阻止浏览器使用CSS的:hover效果。正如fudgey所提到的，一种解决办法是使用.css()重置悬停样式</e

浏览 127提问于2010-05-03得票数 103

回答已采纳

2回答

覆盖悬停元素中的悬停样式

javascript、css、hover、uppercase

我有一个CSS类因此，每当我使用它时，文本就会发生转换，但在少数情况下，我不想让其中的一些文本被超感知。

浏览 5提问于2011-12-13得票数 1

回答已采纳

点击加载更多