通过按钮中的文本和字体图标，悬停效果可以单独工作

文章/答案/技术大牛

发布

0回答

html、css

我有一个问题，使悬停效果在一个按钮中的文本和字体很棒的图标组中工作。随着html和css的显示，当光标移到按钮上时，它会随着“a.act_study_btn:hover”css而改变，但是除非光标悬停在上面，否则字体不会改变。我想要的是文本和</em

浏览 7提问于2016-12-15得票数 1

回答已采纳

1回答

其他html周围的引导模式按钮在firefox中不起作用

html、css、twitter-bootstrap

因此，我创建了一些图像悬停效果，供所有人使用。我使用的是bootstrap modals，所以您可以单击show code，弹出窗口将显示html和css，您只需复制和粘贴即可。然而，在一些效果中，不包含文本，而是显示字体图标。对于这些示例，我将字体图标放在按钮内，并更改了按钮的样式。这在chrome中

浏览 2提问于2015-07-28得票数 0

1回答

如何使父div激活子div的悬停和活动样式

laravel、tailwind-css

我为侧栏导航制作了这种样式我做了一个盒子，用变换把它隐藏在左边，以获得弯曲的边框效果。悬停、活动等 <div class=:text-green-300 transform transla

浏览 3提问于2021-01-28得票数 39

回答已采纳

1回答

字体-很棒的图标悬停在单独的文本上

html、css、twitter-bootstrap、font-awesome

我在导航栏中使用了非常棒的字体图标来伴随列表项目，如下所示： <a hrefwebkit-transition: all ease 1s; transition: all ease 1s;我已经尝试了一些东西，比如创建一个单独的CSS，它只包含i和</

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

1回答

如何让用户在WordPress WSIWYG文本编辑器中更改文本字体和颜色

html、css、wordpress

我已经为客户端建立了一个WordPress网站，并发现用户无法：2)更改实际字体对于文本，它们将输入到WordPress管理部分，因为在WSIWYG编辑器中没有这样做的工具任何关于如何实现这一点的建议，我已经尝试寻找一个插件，使这一点，但似乎找不到一个。当然，他们可以通过HTML在文本部分实现这一点，但是用户并不熟悉HTML和CSS，坦率

浏览 2提问于2014-09-03得票数 2

回答已采纳

4回答

Bootstrap5图标字体权重

bootstrap-5、bootstrap-icons

问题是，在3岁的时候，我经常做这样的事。<i class="glyphicon glyphicon-asterisk"></i> 现在，通过引导5的图标，这是行不通的！显然，我现在使用的是新图标。<i class="bi bi-asterisk"

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

回答已采纳

1回答

当我在元素中的一个单独的元素上盘旋时，如何在图标上创建一个运动效果？

html、hover、elementor

我试图在一个元素上创建一个动画(即转换)，这个动画是通过在一个单独的元素上悬停触发的。在这种情况下，当用户悬停在“学习更多”按钮上时，左上角的图标就会向右滑动。这是我听起来很蠢的地方，所以请原谅我：元素-<e

浏览 4提问于2022-05-16得票数 0

1回答

控制在触摸屏上单击和隐藏链接、按钮和元素的行为(举个例子)

javascript、html、jquery、css

在带有触摸屏的设备(如智能手机和某些网站上的平板电脑)上，当您在不同的页面元素(如链接、按钮、复选框等)上单击时，会显示效果(单击的元素的背景色为效果蓝色褪色)，这表示对所需元素的单击。但在一些网站中，没有显示，如果可以单击或悬停的任何元素，如果单击该效果，则不会显示，单击后的元素的背景色也不

浏览 4提问于2022-01-03得票数 2

回答已采纳

2回答

字型补救

remedy

我想要改善我的补救应用程序的外观和感觉，插入字体令人惊讶的图标，其中按钮显示样式。如何在我的补救应用程序中实现字体令人惊讶的图标？

浏览 4提问于2015-12-07得票数 0

回答已采纳

6回答

按钮，文本和内联元素的颜色不同，两者都应该能够在悬停时更改颜色

html、css

我想用不同的颜色设置按钮文本和fa图标的样式。我可以做它们中的任何一个，但不能让它们同时工作：我可以使用不同的样式： .fa.fa-plus {} color: WHITE } 这将使文本变为白色，图标变为绿色(这就是我想要的)。当我将鼠标悬停在按钮上时，

浏览 65提问于2019-12-27得票数 0

回答已采纳

2回答

如何将悬停效果应用于两个不同的元素

javascript、html、css、hover

我正在尝试将悬停效果同时应用于两个不同的元素，这意味着当我将鼠标悬停在一个元素上时，我也是另一个具有悬停效果的元素。这两个元素是一个简单的文本和一个图标(使用很棒的字体)。有没有办法只用html和css来做到这一点？或者我需要使用javascript吗？非常感谢!

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

3回答

如何阻止按钮控件中的文本在Winforms中将单词分解为多行？

c#、winforms、button、controls

我有一个基于变量设置按钮文本的Windows窗体项目。对于可读性来说，字体相当大，但这意味着有些单词太长，无法很好地放入按钮，最后几个字符会分成多行。有没有一种算法或属性可以用来调整按钮内的文本大小，以防止这种情况发生？我不想把文本放在一行上，我只想阻止文本拆分单词。

浏览 0提问于2019-01-13得票数 2

2回答

两个样式表，一个悬停效果

css、wordpress、class、wordpress-theming

我正在我的wordpress网站上工作，最近我得到了一个新的主题，叫做Visia。经过几天的搜索，我终于找到了社交按钮周围的圆圈的悬停效果在哪里。但只有一个问题:图标有自己的CSS文件。我希望圆(边框颜色)和图标(颜色，他们有一个图标字体)在一个悬停时改变颜色。icons.css中进行了更改 .icon-lin

浏览 1提问于2014-04-20得票数 0

3回答

引导图标悬停仅部分着色

css、twitter-bootstrap、icon-fonts

我正在利用Bootstrap的图标字体来呈现菜单链接中的图标。他们有一个CSS :悬停效果，使他们在悬停时改变颜色。对于大多数的图标，这是非常好的工作，但由于某些原因，当使用“打开文件夹”图标，正确的部分图标是不正确的颜色悬停-它仍然是默认的，没有悬

浏览 3提问于2014-01-17得票数 3

回答已采纳

3回答

文本和图标应该同时改变悬停时的颜色。

html、css、hover、href、font-awesome

以下是我正在努力实现的目标：非常感谢！

浏览 8提问于2016-11-04得票数 0

7回答

在锚点文本上保留下划线，但不在锚点中的字体上保留下划线

html、css、font-awesome

a href="#" title="Feedback" id="feedbacktogglenav"> <i class="icon-comment"></i>在悬停时，我希望文本加下划线，而不是字体-可怕的图标。我知道你可以在图标上做" text -decoration:none“

浏览 0提问于2013-10-12得票数 11

2回答

我应该使用什么字体图标或精灵图像？

html、image、css、fonts

我应该使用什么字体图标或精灵图像以获得更好的性能？什么负载速度更快，重量更轻？

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

回答已采纳

1回答

SVG文件转换缩放中的CSS向右和向下移动

html、css、svg

我只是想让SVG文件中的Facebook图标在它的位置上以更大的比例增长。问题是它往下向右移动。我要它留在原地。这是我的代码： <?

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

回答已采纳

1回答

悬停时的线性梯度？

css、hover、linear-gradients

在一个页脚，我有社交媒体图标(FB，Twitter等)是白色的，直到盘旋。一旦盘旋，它们就成了各自的颜色(深蓝色FB，浅蓝twitter等等)。我也读过过渡

浏览 4提问于2017-03-28得票数 0

回答已采纳

1回答

使用React-Icon Library将鼠标悬停在图标上时显示文本

javascript、reactjs、styled-components、react-icons

所以当你将鼠标悬停在上面时，我会尝试显示文本。我正在使用React-Icons库，并使用样式组件进行样式设置我的导航栏上有4个图标-主页-关于技能-工作为了使鼠标悬停正常工作，每个按钮都有自己的组件，所以当我将鼠标悬停在一个图标上时，它不会显示所有图标的文本font-size: 1rem; } &:hover

浏览 63提问于2020-11-06得票数 1

回答已采纳

点击加载更多