修复CSS悬停时的按钮样式？

文章/答案/技术大牛

发布

1回答

javascript、css、vuetify.js

在这个中，我通过在矩形的末端叠加一个旋转90°的正方形，创建了一个看起来像一个左箭头的图形。然而，当我将鼠标悬停在它上面时，只有矩形按钮本身改变了它的背景颜色，而不是旋转后的正方形，它看起来很笨拙。 content: ''<link href="https://cdn.jsdelivr.net

浏览 22提问于2020-03-03得票数 2

回答已采纳

1回答

如何在点击按钮并移动光标后保持悬停效果

css、button、hover

我有一个按钮，我正在设计css的样式。我在按钮上有一个悬停效果，它工作得很好。但是，如果我单击该按钮并将光标移开，然后再移动回来，悬停效果就会消失。如何在css中修复此问题？

浏览 14提问于2021-09-15得票数 0

1回答

元素悬停时不显示顺风活动样式

html、css、laravel、tailwind-css

我正在与TailwindCSS合作，并正在制作一个简单的按钮，我希望在悬停时有一个阴影，然后在聚焦或活动时缩小。悬停样式起作用，但激活样式不起作用。但是，当我单击它，然后将鼠标从按钮上移开时，它确实起作用了。按钮： <router-link :to="{name: 'createEvent'}" tag="button" class="w-1

浏览 2提问于2019-11-14得票数 3

1回答

粘性:悬停/:专注于触摸设备

jquery、html、css、twitter-bootstrap、bootstrap-4

是否有办法解决以下引文中提到的问题： <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css&#x

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

2回答

下拉菜单样式问题

html、css、drop-down-menu、navigation、nav

我的导航栏上的下拉菜单叫做"Works“。我似乎不明白为什么"Works“会有一个灰色的方框，而导航栏上的其他单词却没有。导航{margin: 0;overflow: hidden;text-decoration: none;text-align:

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

4回答

Jquery追加悬停css样式

jquery、css

我想追加一些悬停样式样式到一些按钮使用jQuery，我目前有它，所以它添加了我想要的样式，但当你没有悬停按钮时，样式留下来。下面是我的代码： $('#all').css({backgroundColor:

浏览 6提问于2014-04-10得票数 0

1回答

CSS : IE11中的悬停按钮样式

html、css、internet-explorer-11

IE11中按钮的默认样式包括悬停效果--按钮在悬停时以青色突出显示(确切的效果可能与主题有关)。但是，使用:hover伪类添加一个看似不相关的CSS规则可以打破按钮上的悬停高亮显示，并且当单击时它们也会表现出一些奇怪的行为(当单击按钮时，悬停高亮显示似乎被应用并被卡住)。&l

浏览 6提问于2016-04-12得票数 4

回答已采纳

2回答

只有当鼠标在颜色上盘旋时，我才能显示按钮？

javascript、css、reactjs、material-ui

我想显示的按钮，一旦你悬停在特定的颜色。然而，所发生的事情是，悬停在一种颜色也会显示按钮的其他颜色相同的产品。另外，按钮在左边，所以如果我悬停到左边，按钮就不会出现了。这就是发生的事情：

浏览 5提问于2022-03-06得票数 0

1回答

单击jquery时应用鼠标悬停primefaces按钮的样式

jquery、css、google-chrome、primefaces、firebug

我想在jquery单击一个primefaces按钮时应用它的悬停样式$("#prix").live('click', function(){ $(this).css('border-color:inheri

浏览 4提问于2013-04-15得票数 0

5回答

如何在CSS中设置单击按钮的样式

html、css

我查看了W3学校网站，该网站解释了CSS的样式按钮。当单击按钮样式时，我需要指定它。这个的伪类选择器是什么？例如，悬停按钮是：}

浏览 1提问于2017-05-30得票数 61

回答已采纳

4回答

悬停按钮时如何使颜色变为白色

html、css

只有当我悬停在文本上时，文本颜色才会改变。当我悬停在按钮上时，我希望文本颜色变为白色。

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

回答已采纳

1回答

类和baseClass在Dojo中的区别？或者，何时/如何使用baseClass？

css、class、dojo

class和baseClass在_WidgetBase中的实际区别是什么？它们都会将类(Es)添加到小部件的顶部节点。baseClass据说用于小部件中的“状态更改”。但是，关于制作小部件的Dojo教程建议人们在模板中使用${baseClass}： <div class="${baseClass}Title"data-dojo-attach-point="titleNode" data-d

浏览 4提问于2013-06-14得票数 1

回答已采纳

2回答

调用另一个元素的悬停事件时调用元素的悬停事件

jquery、hover

当我使用jQuery在瓷砖上悬停时，我试图调用放置在瓷砖上的按钮的悬停事件。然而，这是行不通的。这是我正在使用的代码$( "#tile1" ).hover(function() { </script>如果需要，我可以提供更多关于代码的信息。

浏览 4提问于2014-06-25得票数 2

回答已采纳

3回答

强制消除从远程css库继承的元素的悬停css效应

jquery、html、css、semantic-ui

我正在使用语义UI库，我的<tr>表元素从表上的"selectable"类中对它们产生了悬停效应。但是我想在特定的行上禁用这个悬停(当它们进入编辑模式时)，而不必编辑css文件(因为我的作用域只有html/javascript，所以我只是试图修复一个老问题)。我试过使用pointer-events:none;，但在我的例子中，<tr>中还有其他按钮</em

浏览 4提问于2017-01-30得票数 0

回答已采纳

1回答

如何在图像上更改鼠标悬停

html、image、jpeg

我正在尝试编写一个网站，每次我编辑图像时，都会有鼠标悬停的效果，我想在网页上有一个普通的图像。图像是灰显的，当我将鼠标移到它上面时，它不是。我如何才能让它保持正常，而不需要鼠标悬停？当我点击时，它会打开一个链接，然后打开同一页。SOS.<img src="images/image.jpg" alt="image" class="border2" />

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

1回答

响应DataTables下拉背景变化悬停时的颜色

jquery、html、css、twitter-bootstrap、datatables

我有一个使用jquery的站点，它具有引导样式，每当用户单击绿色加号按钮时，就会出现下拉显示，然后当您悬停在该下拉列表上时，它将与站点的背景匹配如下。 html: <div class="container"> <table id="PastFiveYears" class}}</

浏览 4提问于2015-11-05得票数 0

回答已采纳

3回答

如何保持悬停样式，即使在一个元素被点击后？(jQuery)

javascript、jquery、click、opacity

我有四个按钮元素具有悬停样式(从0.2不透明度到1不透明度)。然后，我使用jQuery，以便在单击特定按钮后，其不透明度变为1(某种程度上是单击按钮的标记)，而其他未单击按钮的不透明度为0.2。但是，单击之后，由于我强制每个未单击按钮都具有0.2的不透明度，css悬停样式不再工作。我在下面创建了一个代码演示：var $box_each = $(&

浏览 5提问于2015-12-21得票数 1

回答已采纳

2回答

基于元素是否包含特定子元素的有条件样式？

css、hover、conditional-statements、nav、submenu

这指的是我正在处理的上的导航菜单：ul#css3menu ul li:hover>a {ul#css3menu ul span:hover{ 这方面的问题是，只有在span元素的空间上悬停而不是悬

浏览 4提问于2014-04-06得票数 0

回答已采纳

3回答

当用户按住鼠标按下时应用样式？

css

我在我的项目中有一个按钮，我试图删除outline属性，这个属性对于使用的CSS主题是默认的。在没有应用伪类的情况下，我能够应用CSS规则，也可以应用于:hover和:focus。但是，当我单击鼠标或触控板按住时，我仍然会看到大纲，即使应用了:active规则。下面是我的CSS (覆盖默认主题，这不是主题本身的CSS )： // even with this :

浏览 1提问于2018-08-14得票数 1

回答已采纳

2回答

Chrome和Safari OS X 10.9中奇怪的bug，悬停在下一行的链接上，WPfolio 2

wordpress、google-chrome、safari、osx-mavericks

更新后，我遇到了一个奇怪的bug，特别是在我的网站和其他类似的使用wordpress主题WPfolio Two的网站上。当您将鼠标悬停在链接上时，该链接将跳转并下降到下一行。例如，将鼠标悬停在这两个页面或上的任何链接上，似乎都不会影响下拉导航菜单或侧边栏小部件菜单中的一些(但不是全部)链接。这个bug使得点击跳转链接变得几乎不可能。我没有足够的经验来说这是浏览器的bug，OS X的bug，还是我正

浏览 1提问于2013-12-02得票数 0

点击加载更多