如何在使用Material UI悬停按钮时更改边框颜色

文章/答案/技术大牛

发布

1回答

reactjs、material-ui

我希望当我将鼠标悬停在按钮上时能够更改borderColor，因为现在它保持了原色的蓝色。下面是我的代码：import { makeStyles, createMuiTheme, MuiThemeProvider } from '@material-ui/core/styles'; import Button from '@material-<e

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

回答已采纳

1回答

使用带有Material UI的自定义主题在文本字段上指定悬停边框颜色

material-ui

在如何使用Material ui上的自定义主题更改悬停时勾勒出的文本字段的默认边框颜色的文档中遇到困难。

浏览 53提问于2018-10-21得票数 0

回答已采纳

4回答

Material-悬停样式上的UI[v0.x] RaisedButton

css、reactjs、material-ui

我想在鼠标悬停时更改Material-UI RaisedButton的样式，但似乎没有具体的选项，因为在鼠标悬停时发生的事情在某种程度上是由材质设计指南定义的。然而，当鼠标悬停在按钮上时，有没有办法改变按钮的样式(主要是颜色和背景颜色)？我看到m-ui为他们的按钮使用了很多不同的层，目前在按钮

浏览 71提问于2016-12-03得票数 10

回答已采纳

1回答

Material-点击后UI按钮消失

javascript、css、reactjs、material-ui

我有一个按钮，当点击的时候它就消失了。此外，单击该按钮一次也不会导致任何按钮操作运行。我必须单击按钮，然后在按钮消失后单击按钮所在的区域，才能使按钮操作生效。

浏览 18提问于2019-03-26得票数 1

回答已采纳

1回答

Material-UI:悬停时选择边框颜色

reactjs、material-ui

我可以更改 “之前” ? 和"after“ ? 在暗模式下，边框颜色变为灰色。但是，当我将鼠标悬停在"Select“字段时，它变成了黑色。 ? 我如何才能改变这一点？非常感谢!资源： Change color of Select component's border and arrow icon Material UI

浏览 18提问于2021-04-07得票数 1

回答已采纳

1回答

如何访问物料UI的文本字段下边框悬停元素/颜色

material-ui

我正在尝试自定义material UI的textfield组件。我可以在将鼠标移到字段上之前修改下边框颜色，也可以在单击字段后修改其颜色。但在这两个时刻之间，当我的鼠标悬停在字段上时，底部边框变为黑色，而我不知道如何更改该颜色。我试图通过使用不同的颜色来识别问题，但即使是悬停的绿色也只是出现在黑线旁边。试图通过开发人员工具来识别它并没有什么帮助--似乎没有任何东

浏览 0提问于2020-08-24得票数 2

7回答

如何在图像悬停/鼠标操作时进行边界颜色的改变？

html、css、wordpress

我知道如何在图像中添加边框，但是如何在图像悬停/鼠标切换上更改边框的颜色，我想将其转换为同一页面上的多个图像，到目前为止，我还没有找到一个插件来实现这个功能。基本上，我想要一个图像来做按钮做的事情。当用户将鼠标悬停在按钮上时，边框的颜色会发生变化。

浏览 2提问于2017-07-04得票数 1

回答已采纳

1回答

在悬停时更改Material UI TextField的边框颜色

html、css、material-ui

我一直在尝试更改Material UI的轮廓TextFeild的悬停颜色。它似乎有许多状态，如活动，焦点，焦点:悬停等。我能够在一定程度上实现它，但当悬停没有聚焦时，我仍然不能改变颜色。 https://codesandbox.io/s/kx0zx9q7jo

浏览 19提问于2019-03-23得票数 0

1回答

TextField -悬停在Material上时显示指针光标的ui

css、reactjs、material-ui

Material-ui/ReactJS新手问题。我试图在将光标悬停在Material-ui TextField上时显示指针光标，但很难做到这一点。默认情况下，它使用'cursor: text‘。我已经能够成功地在悬停时更改文本字段的背景颜色，但添加"cursor: pointer !important“并不好用。我尝试过使用className、类、样式

浏览 1提问于2021-06-12得票数 1

2回答

Material-UI垂直ToggleButtonGroup样式边框错误

reactjs、material-ui

我正在为我的前端项目使用React Material UI ToogleButtonGroup。 https://codesandbox.io/s/eyk66?file=/demo.js 这是Material UI ToggleButtonGroup多选示例代码。我把它改成了垂直样式。当我选择两个或更多按钮时，按钮的左边框就消失了。 ? 我添加了边框颜色<

浏览 9提问于2020-09-27得票数 3

回答已采纳

2回答

如何在悬停时改变材质用户界面卡的背景色？

javascript、reactjs、react-hooks、material-ui

我使用的是材料用户界面和react，我想知道如何在用户悬停时更改我的卡组件的背景色？下面我也把我的代码。MyCard.js在这里我想在悬停时改变背景颜色，这样填充区域就会改变颜色import { makeStyles } from "@material-ui/core&#x

浏览 1提问于2021-05-06得票数 0

回答已采纳

0回答

如何在单击Primefaces命令按钮时保持显示的底部边框颜色？

css、primefaces、commandbutton

我有3个过滤datatable的命令按钮，我想让底部边框保持活动状态，以指示单击了哪个按钮。到目前为止，我在CSS中所做的是： border-bottom-color: #ccff00; border-bottom-width: thick;使用上面的CSS，当我将鼠标

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

回答已采纳

3回答

如何找到哪个Material* UI默认主题标签会更改默认边框颜色(而不是焦点或悬停边框)？*

css、reactjs、material-ui

我目前正在使用'createTheme‘从Material UI自定义我的TextField输入的主题。为了进行更改，我查看了https://mui.com/customization/default-theme/上的材料UI默认主题，并对适当的标签进行了更改。我想要更改TextField的默认边框-当TextField上没有悬停或焦点时显示的边框<

浏览 39提问于2021-11-21得票数 0

4回答

使用React material-ui更改OutlinedInput的轮廓

css、reactjs、material-ui

快速注意:这不是How to change outline color of Material UI React input component?的复制品使用material-ui (React)，我无法删除悬停或焦点上的轮廓。我之所以使用此输入，是为了在出现警告时请求添加一个小的红色边框。我可以改变聚焦和悬停的风格。当输入被聚焦时，应用此CSS的位置： outlinedInputFocused:

浏览 57提问于2019-01-23得票数 7

2回答

如何在悬停时更改Material-UI TextFiled的边框、文本颜色和边框颜色

reactjs、material-ui、jss

在通读dos https://material-ui.com/customization/components/之后，我了解了如何使用classes和className进行自定义。

浏览 2提问于2020-12-05得票数 0

1回答

多个按钮，每个按钮具有不同的样式-单击后需要保持悬停状态。

javascript、button、hover、click

我有三个以上的按钮，每个按钮有一个不同的风格(不同的边框颜色，不同的背景颜色悬停)。(我用<li>创建了它们，因为它们有一个动作来更改图片的背景位置)。我希望它们在被单击后保持相同的悬停状态外观，但在单击另一个按钮时恢复到正常状态。ps:在需要的时候，我用HTML处理css、js (如本例中的例子)。

浏览 1提问于2013-10-26得票数 0

回答已采纳

2回答

如何在资料界面中改变卡上儿童元素的颜色？

reactjs、material-ui

我想通过在卡片上悬停来改变字体的颜色。经过多次尝试后，我决定在这里张贴。如果我移除版式上的颜色，然后在卡片上悬停，它就会改变文字的颜色，在卡片上悬停。但我不想要默认的排版颜色，我想使用我的一种。

浏览 11提问于2022-03-15得票数 2

回答已采纳

5回答

如何在QVideoWidget中添加带有图片和透明背景的按钮？

qt、user-interface、qt-designer、qlabel、qpushbutton

我在视频前面创建了一个按钮(使用QVideoWidget和QMediaPlayer)。我正在使用一个透明背景的图像来设置图像按钮。ui->btn_Touchme->setAttribute(Qt::WA_TranslucentBackground); ui->btn_Touchme->setStyleSheet("QPushButton{background: transpar

浏览 2提问于2015-04-29得票数 3

3回答

如何更改QML Button Qt Quick Controls 2的背景色？

qt、qml、qtquickcontrols2

我只是想改变QML按钮的背景颜色，但似乎没有简单的方法。你能告诉我一个简单的方法来改变QML按钮的背景颜色吗？谢谢!

浏览 83提问于2018-09-04得票数 3

回答已采纳

1回答

更改选定的j按钮的边框颜色而不命名该按钮。

java、swing

因此，这个应用程序启动了一个JFrame，它在一个5×5的网格中有25个按钮。这应该是一个类似糖果粉碎的游戏，如果你能在一排或一列中得到三个颜色相似的按钮，你就会赢。当我选择一个按钮时，边框颜色会变成蓝色。有办法把边框颜色改成红色吗？我不知道如何更改当前被选中的按钮的边框，而不使用每个按钮的名称，而且我被要求不要这样做。这些按钮

浏览 5提问于2016-11-15得票数 1

回答已采纳

点击加载更多