hover 相关问题

<span class="mat-button-wrapper"> <mat-icon role="img" fragment="list" class="mat-icon notranslate logo-icon s-24 mr-8 material-icons mat-icon-no-color" aria-hidden="true">arrow_back</mat-icon> </span> 我已尝试以下测试，但它们不起作用。对于 chrome，它说有超时。对于edge，它不关注后退按钮，而是关注文本框。铬： cy.get('#asset-categories>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>button') .trigger('mouseover').invoke('show') cy.contains('Back to asset categories') 边缘： cy.get('#asset-categories>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>button') .focused().realHover() cy.contains('Back to asset categories') 如果我将鼠标悬停在后退按钮上，将显示“返回资产类别”。就我而言，我必须将鼠标悬停在按钮上时显示工具提示。它对我有用。我正在验证颜色，您可以根据您的要求进行编辑。我的代码如下： describe('color', () => { it('should have correct background color', () => { cy.get('[data-cy="button"]').realHover(); cy.get('.mat-tooltip') .should('have.css', 'background-color', 'rgb(111, 111, 111)'); }); it('should have correct text color', () => { cy.get('[data-cy="button"]').realHover(); cy.get('.mat-tooltip') .should('have.css', 'color', 'rgb(255, 255, 255)'); }); }); 我使用鼠标悬停事件来检查工具提示。下面代码中的第一行将鼠标指针悬停在按钮上，第二行将检查工具提示是否有可见的文本。 cy.get('#toolTipButton').trigger('鼠标悬停'); cy.contains('您将鼠标悬停在按钮上').should('be.visible');

angular-material hover cypress tooltip

回答 2 投票 0

如何使用 MUI 和 Typescript 同时触发 Typography 和 StyledTextField 的悬停效果

<Typography id = "first_text" sx= {{ fontWeight: "regular", fontSize: "18px", marginTop: "-4px", marginLeft: "8px", color: "#888", '&:hover': { color: "#252525" }, }}> First Name* </Typography> <StyledTextField..... (didn't put the whole code here but you get the picture, haha)> 我尝试将所有内容放在一个盒子中，并向该盒子添加悬停状态，也许我做错了，但它不起作用。我看到有人问了类似的问题，但我是 MUI 新手，不太确定如何使用它。

material-ui hover react-typescript

回答 0 投票 0

如何更改 React 页面中内联 CSS 的悬停样式？

我将CSS更改为内联CSS。虽然我必须将按钮：悬停更改为内联CSS，但这不起作用。有什么办法可以解决这个问题吗？我将 css 更改为内联 css。虽然我必须将按钮：悬停更改为内联CSS，但这不起作用。有什么办法可以解决这个问题吗 <button style={{ borderRadius: "10px", backgroundColor: "#004577", color: "#ffffff", border: "0px", width: "auto", }} className=" d-flex col-4 justify-content-center p-2" type="submit" > Update profile </button> 我尝试过，但这不起作用。你不能。如果您悬停或离开元素，您可以使用这 2 个道具进行观看： <button onMouseEnter={() => {console.log('hovered');}} onMouseLeave={() => {console.log('left');}} /> 类似的票这里

css reactjs button hover

回答 1 投票 0

悬停移动边框

我的导航栏中有两个链接，需要完全居中且在页面上比例为 50/50。这部分我很挣扎，但最终让他们坐对了。我需要一个灰色的底部边框来跨越整个

css hover border

回答 4 投票 0

Flex 悬停幻灯片：悬停时旋转不起作用

我正在尝试使此悬停幻灯片在我的网站上运行： [codepen](https://codepen.io/CameronFitzwilliam/pen/rmeMGr) 到目前为止的结果还不错： https://www.merlinsmind.be/Test.html 豪...

javascript css flexbox hover slide

回答 0 投票 0

材质图标悬停 CSS 功能

我正在尝试将悬停效果添加到材质图标，但它不起作用。我不确定出了什么问题。其他一切看起来都不错，但我看不到悬停效果。我已经添加了我的代码...

css reactjs user-interface material-ui hover

回答 2 投票 0

在 Vue 中，样式悬停在 <li> 中。颜色在变量中

我有以下内容我有以下 <li v-for="menuItem in menuItems" class="nav-menu__section" :key="menuItem.id" @click="sectionClick($event, menuItem.id)" > <b-icon class="nav-menu__section-icon" :icon="menuItem.icon"></b-icon> {{ menuItem.title }} </li> 我想给它一个数据库中存在的颜色，收集该值的变量如下：hoverBackground = this.appUserData.buttonColor; 我尝试创建一个函数来获取该值并将其添加到 li 中的样式属性，但它没有用。 <li v-for="menuItem in menuItems" class="nav-menu__section" :key="menuItem.id" :style= changeHoverColor() @click="sectionClick($event, menuItem.id)" >  <b-icon class="nav-menu__section-icon" :icon="menuItem.icon"></b-icon> {{ menuItem.title }} </li> changeHoverColor { this.hoverBackground = this.appUserData.buttonColor; }

vue.js hover styles

回答 0 投票 0

如何在 Visual Studio Code 中将悬停或工具提示语言更改为西班牙语？

当我将鼠标悬停在函数、类或变量上时，我会获得有关该元素的信息，例如其类型、参数和文档。我想看它，但在西班牙语中，以了解更多关于......

python visual-studio-code hover tooltip

回答 0 投票 0

为什么鼠标悬停在按钮上时光标没有改变？

我不明白为什么鼠标悬停在通过 Javascript 创建的按钮时，光标不会变成指针。这就是我在 JS 中创建按钮的方式： let deleteBtn=document.createElement("但是...

javascript css button hover

回答 1 投票 0

悬停时中殿栏中的放大镜图标我希望它与其他导航栏链接大小相同

我想知道我在导航栏中的搜索图标有什么问题当我将鼠标悬停在它上面时它的填充太小，当我增加填充时，整个导航栏大小增加，我该怎么办？谢谢.... 合作...