提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

按钮激活导致悬停效果故障

我一直在努力学习网络开发的基础知识（HTML、CSS和JS），所以我一直在尝试制作一个可用的苹果计算器。一切都工作正常，直到我注意到一个小错误。一开始，操作按钮上的悬停效果效果很好，当我悬停时颜色变得更亮。当我按下按钮时，按钮会变得更加明亮并保持这种状态，直到用户输入另一个数字（或“等于”按钮）来与前一个数字进行操作。之后，操作按钮将变为正常颜色。在那之前，一切都很好，但我注意到，在用户按下按钮并

P粉548512637 2024-04-01 21:51:26

直接在 HTML 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

我有一个带有图标的容器，该图标应该执行两个功能：具有按钮的作用（可通过键盘/屏幕阅读器等访问）悬停/聚焦时变红当我直接在标记中使用SVG时，悬停效果可以按预期工作，但我无法像使用img标签时那样为SVG分配按钮角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

创建一个悬停效果，将菜单按钮转换为具有阴影克隆版本的 x 形状

首先我想承认我的标题很令人困惑，对此感到抱歉。我想要实现的是悬停时的以下效果：我的网站在这里https://wordpress-493302-3130963.cloudwaysapps.com/我已经成功地使用css转换完成了我想要实现的目标的一半，但无法看到创建按钮的影子副本，如上图所示。我的CSS如下.cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

动态为多个元素添加:hover效果

是否有可能以编程方式为多个元素添加hover效果？在我们的系统中，有多个元素代表一个单元（但由于其他原因需要将它们分开成多个元素），在某些情况下，它们应该在悬停时一起重新着色。是否有可能以编程方式为多个元素添加hover效果？或者说这是否是一个良好的实践？我可以通过使用my_own_css_class来解决这个问题，在悬停时将其添加到所有元素上。但我觉得以编程方式使它们具有hover效果可能对我有

P粉203792468 2023-08-15 23:49:58

如何同时激活链接和div元素？

当我悬停在div元素上时，只有它会变亮，链接不会。有没有办法让按钮整体变亮，而不是先变亮按钮背景，然后再变亮链接。购买购买购买a:访问过{白颜色}a:悬停:访问过{颜色:RGB(180,179,179);}一条链接{白颜色;背景颜色:rgb(180,179,179);}一个：悬停{颜色:RGB(180,179,179);背景颜色：白色}div.b{白颜色;背景颜色:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06

反应自定义按钮悬停样式不起作用

我的React项目中有一个按钮，我是这样设置的。<labelstyle={styles.label}><inputstyle={styles.input}type="file"accept="image/*"onChange={this.onUpload}/></label>样式设置是这样的label:{borderRad

P粉434996845 2023-09-11 22:09:50

javascript - 左侧导航如何实现伸缩

点击按钮然后变成：这是用插件实现的吗？要是用原生应该怎样这个hover效果呢？

三叔 2017-06-30 09:59:54

当鼠标悬停在按钮上时，显示一个子菜单

我正在寻找一个解决方案，当我悬停在一个按钮上时，会弹出一个子菜单。目前只有在点击时才显示菜单。有人知道我需要改变什么，以便当悬停在一个按钮上时菜单显示出来，而点击时菜单保持在那里。解决方案：将悬停改为mouseover。有人知道如何使鼠标悬停时不显示所有部分（sect1...）吗？<script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

使用 Psuedo 元素的 CSS 悬停效果与主元素重叠

基本上，当我悬停时，我希望效果如下所示：我的网站在这里代码如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28

从提交和重置按钮中删除悬停效果：分步指南

当我单击“提交”或“重置”按钮时，我需要使用什么命令才能使其不缩放。我希望他们看起来很正常。我应该对这个程序使用悬停，但不能对最后2个按钮使用悬停请参阅下面我到目前为止所拥有的代码。任何事情都值得赞赏<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

在悬停时在 v-img 上添加覆盖并将按钮居中

我正在尝试使用Vuetify组件来实现某些v-img缩略图的效果，但没有成功。我的图像设置如下：<v-rowclass="fill-heightpa-5"align-content="center"justify="center"><v-colclass="text-subtitle-1text-center&

P粉754473468 2023-08-28 17:13:34

悬停时倾斜效果错误

我有一个带有倾斜效果的按钮，里面有一个文本，当我悬停该按钮时，按钮旁边会出现两行。有代码，将鼠标悬停在按钮上直到看到它，这是一个非常随机的副作用。我认为这是Chrome的问题，但我不确定。这是问题的图片：https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

在 NextJS 项目中使用 Tailwind 和 MUI 时出现意外行为（白色按钮错误）

我目前正在使用NextJS、TailwindCSS和MUIReactUI库构建一个项目。每当我尝试向我的项目添加MUI按钮时，它都能正常工作，但按钮的颜色保持白色。悬停时颜色恢复正常，单击按钮时仍然具有波纹效果。但当不悬停时，它会返回白色。通过从我在_app.{js,jsx.ts,tsx}文件中导入的全局css文件中删除tailwind指令，该按钮再次正常工作，但这也将删除TailwindCSS。

P粉996763314 2023-11-04 11:04:23

为什么我的 Bootstrap 5 弹出窗口在关闭并重新打开它所在的模式后失去了打开焦点的能力？

我的Bootstrap5模式和放置在其上的弹出窗口有问题。在我的HTML中，我有以下内容，当用户将鼠标悬停在按钮上时，它会正确显示。弹出窗口显示“您确定吗？”键入提示并建议用户单击按钮（悬停）以继续。单击该按钮即可获取焦点并保持弹出窗口打开，直到再次单击或单击离开该元素。这允许鼠标指针进入弹出窗口内容并单击“继续”按钮。这就是我想要的东西：https://bootstrap-confirmatio

P粉022501495 2024-03-28 23:27:50

qt设计器中的伪元素

我想使用伪元素在左侧为按钮创建一条垂直线，并在悬停时变暗，但是qt-designerstyleSheet不理解我，并且它没有正确显示，这是我的代码：QPushButton{position:relative;padding:10px20px;border:none;background-color:#fff;color:#333;cursor:pointer;overflow:hidden;}QP

P粉600402085 2024-01-10 17:44:05

点击后如何改变文本的颜色？

我想要做的是改变按钮背景的颜色，同时改变按钮内部的文本颜色。按钮的颜色已经改变，但文本颜色没有改变。我尝试将hover应用于文本，但只有在鼠标触摸文本时颜色才会改变。<liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37

使用 React 在图像上放置交互式标记

请帮忙。我有一个像下图这样的图像显示在主页上（一个更大的图像）。请注意，“FORGE”房屋的中间有一个白色和蓝色标记，并带有黑色箭头。“出租”房屋也是如此。这些标记中的每一个都将充当交互式按钮。以下是预期的交互行为：将鼠标悬停时，蓝色背景将展开以显示“Forge”或“Rentals”等文本点击后，它将引导用户前往相应的“Forge”或“Rentals”页面。还希望它能够响应，如果当屏幕调整大小时，

P粉896751037 2023-09-08 21:25:41