CSS -在wordpress网站上的菜单下拉菜单时，将图标动画化
CSS（层叠样式表）是一种用于描述网页样式和布局的标记语言。它可以通过选择器和属性来控制网页元素的外观和行为。在WordPress网站上实现菜单下拉菜单的图标动画化，可以通过以下步骤来完成：
- 首先，在WordPress后台找到主题的CSS文件。通常可以在主题文件夹中的style.css文件中找到。
- 打开style.css文件，并找到菜单的CSS选择器。通常菜单的选择器类似于".menu"或".nav"。
- 在菜单的CSS选择器中添加一个伪类选择器":hover"，用于指定鼠标悬停在菜单上时的样式。
- 在伪类选择器中，使用CSS动画属性来实现图标的动画效果。例如，可以使用"transform"属性来旋转图标，使用"transition"属性来指定动画的持续时间和过渡效果。
- 保存并上传修改后的CSS文件到WordPress网站的主题文件夹中。
以下是一个示例代码，用于在WordPress网站上实现菜单下拉菜单的图标动画化：
.menu li:hover .icon {
transform: rotate(360deg);
transition: transform 0.5s ease;
}
.icon {
/* 添加图标样式 */
}在上述代码中，".menu li:hover .icon"选择器表示当鼠标悬停在菜单项上时，对应的图标元素的样式。".icon"选择器用于指定图标的样式。
请注意，上述代码仅为示例，具体的实现方式可能因不同的WordPress主题而有所差异。您可以根据自己的需求和主题的结构进行相应的调整。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云服务器（CVM）：提供可扩展的云服务器实例，适用于各种规模的应用程序和工作负载。详细信息请参考：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的对象存储服务，适用于存储和管理大量非结构化数据。详细信息请参考：https://cloud.tencent.com/product/cos
- 腾讯云云函数（SCF）：无服务器计算服务，可帮助您构建和运行无需管理服务器的应用程序。详细信息请参考：https://cloud.tencent.com/product/scf
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求和项目要求进行评估和决策。
相关·内容
我有一个wordpress网站，，我正在使用一个主题，它是内置在导航菜单中的。
我已经将其修改为在菜单项后面使用可怕的字体图标，这些菜单项都有下拉项。我使用了正确的角度，>，但我想使用插件或css来设置动画，这样当下拉菜单向下移动时，图标就会旋转到“V”。
我不想构建任何JS到这一点，我知道它可以用CSS完成，我只是不确定做这件事的最好方法，它也在可湿性粉剂环境中工作良好。
当前CSS：
.fusion-megamenu-icon {
display: inline;
margin-left: 12px;
float: right;
}
.fusion-megamenu-icon:h
浏览 16提问于2017-08-27得票数 0
回答已采纳
我在一个wordpress项目组合网站上工作。我在codepen中模拟了导航，它正在以我想要的方式工作。
$(".menu-item").mouseover(function(){
$(this).find("ul").stop().slideDown(500);
});
$(".menu-item").mouseout(function(){
$(this).find("ul").stop().slideUp(500);
});
但是，当我在Wordpress中更新
浏览 1提问于2014-12-24得票数 0
我在一个使用TwentyTweve主题的修改版本的WordPress网站上工作。
我的工作是修改导航下拉菜单，使其在下拉子菜单悬停时向下推送内容。
问题:当子菜单下拉时，它们会以某种方式将父菜单项推开。
我想强制父项目留在原地。感谢CSS / WordPress专家的帮助！
浏览 2提问于2013-04-12得票数 1
回答已采纳
2回答
使用css添加图标：
、、、、
我用的是WordPress的超级鱼菜单。我想在菜单父项和它的下拉列表之间添加一些空白，并希望在下拉菜单的顶部添加一个图标，这样它看起来就像下面的图像：
菜单标记由WordPress自动生成，因此不能更改。我正在尝试跟踪CSS，但它似乎不起作用：
ul > li ul.subs{
margin-top: 10px;
}
ul > li ul.subs:before{
content: " ";
display: block;
height: 10px;
width: 20px;
position: absol
浏览 6提问于2013-11-26得票数 0
回答已采纳
2回答
鼠标的扩张和收缩？
、、、、
我正在制作一个具有jquery动画效果的下拉菜单，
var mexpand = false;
function toggleMenu() {
if (!mexpand) {
$('jQuery selector').css({ "background": "url('Images/bnbgmenu.jpg') repeat-x top left" });
$("#NavDiv").animate({ height: "200px" });
me
浏览 4提问于2014-10-02得票数 0
回答已采纳
1回答
我有一个下拉菜单，带有以下css：
transition: height 2s;
当点击菜单/汉堡包图标时，下拉菜单就会切换，过渡就会非常出色。但是，如果再次单击菜单/汉堡包图标来关闭下拉菜单(切换关闭)，我希望过渡是即时0s。是否可以改变速度，切换关闭，只使用CSS (没有复杂的动画)？
<input type="checkbox" id="toggle">
<label for="toggle">Menu</label>
<nav>
<ul>
<li&g
浏览 1提问于2018-10-28得票数 0
回答已采纳
2回答
我有一个手风琴菜单，每个父菜单都有一个图标，这个图标是用css转换和转换动画的。我向click事件添加了一个具有if条件的类。问题是，当我单击Menu1时，图标动画做得很好，但是如果我直接单击Menu2，则会出现menu2下拉菜单，但是来自menu1的图标并不是原来的位置。这个问题适用于每个菜单/子菜单中的每个图标，我认为我的代码中有一个错误。
$(document).ready(function() {
// Icons effect
$('#mw_nav .toggle').click(function() {
if($(this).has
浏览 3提问于2015-09-12得票数 0
回答已采纳
我在我的bootstrap3.0网站上有一个导航栏，它几乎可以完美地工作。在大屏幕上，导航栏固定在顶部。在较小的屏幕上，它仍然固定在顶部，菜单缩小到移动屏幕上的下拉菜单的小“汉堡图标”。
然而，有一个问题我似乎无法解决。当网站在窄屏/移动屏幕上浏览时，bootstrap会神奇地将以下内容添加到我的页面中：
<html lang="en" style="padding-top: 59px;">
我曾尝试在我的css、bootstrap css中将html和正文边距设置为0并填充为0，甚至在index.html页面中将其设置为样式，但此element.s
浏览 0提问于2014-04-28得票数 0
1回答
DIV和动画
、、、
当我用DIVs创建菜单并用JS制作动画时，我发现自己为菜单中的每个按钮复制/粘贴了相同的JS和CSS代码。有没有一种方法可以一次性创建动画JS代码和CSS样式代码，并在需要时为我网站上的任何按钮调用它们？
浏览 0提问于2014-01-22得票数 0
背景：
在最近的一个网站上，除了Flash滚动动画之外，我还使用了一个jQuery驱动的下拉菜单。
注意:我只在IE中使用动画，因为我为所有其他浏览器创建了一个等效的、基于jQuery的动画(因为IE没有处理jQuery版本)。所以请看这个只在IE。
问题
当您悬停在下拉菜单上时，Flash动画会暂时“冻结”并继续。这会导致Flash动画中的波动行为。
问题
知道发生了什么吗？有什么可以阻止这种行为的吗？
浏览 3提问于2010-10-22得票数 0
回答已采纳
我的网站有一个内建在CSS和JavaScript的下拉菜单，它在动画上下拉。在IE (6&7)中，下拉菜单位于Flash动画之上，而在Firefox (2&3)中，菜单显示在Flash动画的下方。有没有办法让这个动态菜单在Firefox的Flash上流动？
在IE 7中，菜单出现在Flash上：
在Firefox中，菜单出现在Flash下：(我如何解决这个问题？！)
浏览 1提问于2008-09-12得票数 6
回答已采纳
2回答
当我点击一个角度UI网格列的箭头图标来显示该列的下拉菜单时，然后再次单击箭头图标来隐藏它，菜单就会以一种动画的方式“射出”，我觉得这是不可取的。
如何禁用此行为？
浏览 3提问于2015-06-10得票数 3
回答已采纳
2回答
我们的手机菜单中的SVG图标有一个奇怪的问题。它们在移动版本中看起来非常大，尽管它们被设置为1.6em。 进入here，打开汉堡菜单，点击"Shop Now“下拉菜单，你会看到图标的大小 我们在WordPress定制器中尝试了下面的CSS，但它似乎不是那个类，这很奇怪，因为使用Chrome开发人员工具如果我们修改那个类，它似乎就会改变。 .sidr-class-icon sidr-class-before sidr-class-svg {
max-width: 15%;
} 注意:使用!important标签也不起作用。
浏览 25提问于2020-08-18得票数 1
回答已采纳
3回答
按属性更改光标
、、、
我有点纠结于下面的内容。在我的网站上，我有一个下拉菜单。无法单击导致下拉菜单折叠的主项。但是，我想将该项目的光标更改为普通光标，但要确保下拉菜单中仍然有“手”光标。
Html将是：
<ul>
<li>
<a href="nice.php">Normal item<a/>
</li>
<li>
<a href="#">Dropdown initator</a>
<ul>
<li><a h
浏览 3提问于2012-08-03得票数 0
回答已采纳
2回答
我目前正在尝试使用Polylang，这是一个Wordpress插件，允许在网站上添加语言切换器。
它目前生成简单的选择下拉菜单，并在选择语言时更改语言，所以它是可以的，但是我无法正确地设置它的样式-这是一个原始的下拉菜单。
我想在显示的选项旁边添加图标，据我所知，jQuery是我在这里最好的选择。
我遇到的问题是<option>标签缺少id或class标签，如果不修改插件本身，就不可能添加它们。
有没有可能创建一个jquery脚本，根据选项的value属性在选项旁边显示一个标志？
你能给我看一下怎么做的例子吗？
<select name="lang_choice
浏览 0提问于2014-12-02得票数 0
回答已采纳
1回答
我似乎对小视图中的Bootstrap折叠下拉功能有一个奇怪的问题。我在XS和S视图的标题中都有图标，在XS中，点击这些图标将扩展功能，而在S中，这些下拉菜单已经打开，如果我尝试点击与下拉菜单交互的按钮，我会得到一个奇怪的动画。
Iv注意到关闭显示：！重要；在引导css (浏览器调试器)中的导航栏-折叠。似乎可以解决这个问题--然而，无论出于什么原因，这都是一个糟糕的修复方法--我不知道如何在我的自定义样式表中重写它。有没有人遇到过类似的Bootstrap崩溃下拉菜单问题？
我已经创建了一个Bootply文档，图片和字体--可怕的图标不会出现在那里，所以它看起来有点奇怪，忽略红线，因为它是用来测
浏览 1提问于2015-10-16得票数 3
1回答
我已经为我的客户做了一个纯CSS下拉菜单。下拉菜单使用主菜单项后面的背景图像。在Firefox 3和4中，当CSS菜单本身处于以下状态时，它没有明显的延迟：
在Firefox3和4中，当下拉菜单被放在我客户的网站上时，菜单项上的悬停效果会有一个短暂的延迟，并且悬停效果会“跟随”光标。
我该怎么做才能让网站上的下拉菜单像它自己一样快呢？
浏览 1提问于2011-10-18得票数 3
回答已采纳
1回答
我想使用Wordpress 3.0创建一个下拉菜单，其中包含当前我网站上的所有帖子。如何使用wordpress API从数据库中获取这些数据？
浏览 3提问于2010-09-02得票数 0
1回答
是的，所以我正在为Wordpress创建一个主题，但从来没有完全掌握CSS下拉菜单的整个工作方式。我对它们的某些部分足够了解，但如果没有一些奇怪的变通方法和其他东西，我就不能正确地制作它们。
我目前正在尝试修复我的网站上托管的一个:yenrac.net/ to
我的CSS：
有什么办法解决这个问题吗？
浏览 3提问于2015-09-26得票数 0
1回答
我有一个drupal7网站，在我的网站上有一个产品的下拉菜单。我可以在产品列表中添加或重命名产品，但当我保存并查看下拉菜单时，我看不到我刚才所做的更改！每次进行一些更改时，我都会刷新缓存。有人能帮上忙吗？
浏览 1提问于2014-05-06得票数 0
2回答
如何添加下拉菜单图标？
、、、
我有一个关于向导航中具有下拉菜单的按钮添加某种类型的图标或指示器的问题。菜单在所有浏览器中看起来都很好，只有很小的例外。菜单本身内置在Ektron CMS中。我的导航中有7个按钮，其中5个有下拉菜单。正如你在我的网站上看到的，我有一个向右的小箭头，指示哪些有下拉列表。箭头是一个unicode字符，幸运的是在CMS的菜单控件中添加它时可以正常工作。我对结果相当满意，但我不确定这是否是创建图标的最佳方式。
有没有更好或更有效的方法来创建这种类型的指标？在JavaScript中，有没有办法只在有一个子菜单的情况下指定一个符号或图标？
尽管我的解决方案奏效了，但有一个问题我在解决时遇到了麻烦。在IE7
浏览 1提问于2012-11-29得票数 3
我想从一个使用Python中的“美丽汤”的网站上抓取数据。网站根据用户的选择更改下拉菜单的值。在更改下拉菜单的值时没有api调用。仔细看一下，我注意到有一个javascript函数在内部调用，以获取下拉菜单的值。我的问题是下拉菜单的值不在页面源中。它们是通过调用js函数获得的，但是没有api调用，我不能请求那个值。有人能告诉我如何从python代码中调用javascript函数吗？我在用漂亮汤刮网。
谢谢
浏览 7提问于2014-04-06得票数 1
回答已采纳
2回答
我正在尝试使用bootstrap将下拉菜单添加到我的导航栏。菜单显示在按钮的顶部，并且没有显示一项。
这是我的html +css的完整jsfiddle：
下面是我用来创建dropdown的代码：
<div class="dropdown">
<div class="animMenu dropdown-toggle" id="imgMenu" data-toggle="dropdown">
<div class="menuBar1"><
浏览 2提问于2018-04-03得票数 1
2回答
我正在编写我的第一个WordPress主题，并试图解决这个问题：
在桌面版的网站上，我想把菜单分成两部分。一个会出现在徽标的左边，另一个出现在我的徽标的右边(徽标是居中的)。我知道如何做到这一点的唯一方法是在WP中创建两个单独的菜单对象，然后用CSS定位每个菜单对象。
然而，当我想将菜单转换为移动友好下拉菜单时，这会导致一个问题，因为在上面显示的方法中，我最终得到了两个单独的菜单项列表(左和右)，我不知道如何将它们合并成一个移动友好下拉菜单列表。
例如，我知道我可以编写自定义CSS，在菜单项#2和项目#3之间添加页边距。但是，由于我正在编写一个主题，这种方法将无法工作，因为它需要预先知道有多少
浏览 0提问于2014-05-16得票数 2
回答已采纳
2回答
CSS下拉菜单问题
、、、
我正在制作wordpress主题，我在菜单编码方面有一些问题。我的菜单有子菜单，但它们显示的方式不对，我不知道该怎么做才能使它们看起来像下拉菜单。
你介意给我一个CSS代码(只)一个非常简单的下拉菜单吗？在我的网站上，带有子类别的菜单是“电视节目”，子类别是“美丽的小骗子”、“复活”和“追逐生活”。我需要一个CSS，使他们从‘电视节目’下拉。
这是我的CSS代码的链接
#menu {
height:55px;
background-color: #000;
width:100%;
top:0px;
left:0px;
z-index:101;
text-align:center
浏览 0提问于2014-12-31得票数 1
回答已采纳
3回答
我正在编写我的第一个WordPress主题，并试图解决这个问题：
在桌面版的网站上，我想把菜单分成两部分。一个会出现在徽标的左边，另一个出现在我的徽标的右边(徽标是居中的)。我知道如何做到这一点的唯一方法是在WP中创建两个单独的菜单对象，然后用CSS定位每个菜单对象。
然而，当我想将菜单转换为移动友好下拉菜单时，这会导致一个问题，因为在上面显示的方法中，我最终得到了两个单独的菜单项列表(左和右)，我不知道如何将它们合并成一个移动友好下拉菜单列表。
例如，我知道我可以编写自定义CSS，在菜单项#2和项目#3之间添加页边距。但是，由于我正在编写一个主题，这种方法将无法工作，因为它需
浏览 4提问于2014-05-15得票数 1
回答已采纳
我遇到了一个奇怪的问题。
我的水平导航菜单在我的wordpress网站上使用了快滑菜单。在菜单项上悬停，下拉菜单显示更多的页面。这在铬28中很好。
我更新到铬29，这不再有效。相反，您必须单击菜单项才能看到下拉菜单。
有谁知道什么改变了铬28 >铬29会破坏这个功能和潜在的修复？
谢谢。
浏览 2提问于2013-08-21得票数 0
回答已采纳
3回答
我创建了这个。在这个网站上，我有很多有图标的标签。
这个图标的数量是soap-icon，有动画，但是有很多图标是icomoon-icon没有动画的。当我签入控制台时，我发现动画效果被分配给这个图标，但是当我在这个图标上悬停时，它会运行另一个效果。
如何解决这个问题？
css：
.search-box-wrapper.style2 .search-box > ul.search-tabs li > a:hover i:before {
-webkit-animation: toTopFromBottom 0.35s forwards;
-moz-animat
浏览 2提问于2016-04-08得票数 1
回答已采纳
我正试着把这个下拉菜单放在我的网站上：
*https://codepen.io/sean_codes/pen/WdzgdY*
我的网站是完全移动友好的。
当我点击打开手机上的菜单时，它会正常打开，但当我第二次点击时，它不会关闭。只有当我离开时，它才会关闭。
当我再次单击菜单图标时，如何关闭该菜单？
浏览 0提问于2020-06-29得票数 0
我在下面的网站上使用css下拉菜单：
您可以测试顶部菜单项中的菜单。在台式机上，一切运行正常。但在iPhone或iPad上并非如此。在那里，您可以单击顶部菜单项之一。然后打开下拉菜单，没有问题。但是如果我点击下拉菜单中的一个链接，什么也不会发生。
这是下拉菜单的css-code：
#mainmenu ul li > ul {
display: none;
top: 0px;
}
#mainmenu ul li:hover > ul,
#mainmenu ul li:active > ul,
#mainmenu ul li:focus > ul,
#m
浏览 4提问于2013-09-25得票数 1
我需要将一个菜单从这个wordpress安装复制到一些非wordpress php页面中。
我把菜单代码移到了。起初，我使用的是原始的wordpress CSS文件，它工作起来没有任何问题。然而，在剥离css文件之后，我得到了工作菜单，但是由于某种原因，下拉菜单中的菜单项和菜单项被移到了右边。我已经试着修了几个小时了，但还是没有成功...
有没有css专家能指出我的CSS出了什么问题？：)
我好爱你们!
浏览 3提问于2011-12-24得票数 0
回答已采纳
4回答
我有一个引导导航菜单，我也添加了一个搜索图标。搜索图标在单击时显示搜索框。在搜索图标中添加一个按钮以显示和隐藏搜索框。
现在，当我单击搜索图标时，它是打开状态，显示搜索框，然后单击导航菜单中的任何下拉菜单，下拉菜单显示在搜索框上。
我需要关闭搜索框，一旦任何其他下拉菜单被点击。我知道这很简单，但没有得到适当的解决办法。有人能提出建议吗？
下面是代码的链接：
$('.tablet-toggle a').click(function (e) {
if($('ul.dropdown-menu.tablet-toggle').css('display')
浏览 3提问于2015-04-15得票数 0
回答已采纳
1回答
CSS按钮阴影？
、、、
我试图重建一个网站从TYPO3到Wordpress。TYPO3网站是我的WordPress重建是
如果你在输入3的网站上看到主菜单，你会注意到按钮后面的黑影。但我无法在我的WordPress网站上实现这一点。
你们知道我是怎么做到的吗？
浏览 1提问于2016-04-23得票数 1
回答已采纳
在Django admin中，您可以单击下拉字段旁边的绿色"+“图标，然后创建一个新对象，而不是从下拉菜单中选择一个。我想在我的网站上实现这一点，但我不确定这里正在进行的过程。管理站点如何在创建新对象后将其返回到下拉菜单？
浏览 8提问于2019-04-16得票数 0
回答已采纳
我遇到了麻烦，将自定义SVG图标添加到WordPress的“社会图标”菜单中十七子Theme.The菜单工作正常，所有预先打包的SVGs包括在主题，但我不能添加自定义SVGs到子主题。
下面是我到目前为止在社交图标菜单中添加"Etsy“SVG所做的工作：
将/assets/img/svg-icons.svg文件复制到子主题中
使用所有其他图标将Etsy SVG路径粘贴到svg-icons.svg文件中
📷
将/inc/icon-functions.php文件复制到子主题中
将“etsy.com”添加到社交媒体网站的数组中
📷
然后我在子主题的/inc/icon-functions.ph
浏览 0提问于2019-08-21得票数 0
回答已采纳
我在一个框架中有一个下拉菜单。下拉菜单部分被简单地隐藏。悬停父图元时，可见性将设置为显示。
我可以很容易地添加一个fadeIn / fadeOut效果，因为下拉菜单的位置是在页面的可见部分，但只是隐藏。
我想要做的是悬停在父元素上，而不是仅仅显示它，我希望它向下滑动。
做到这一点的最佳方法是什么？将下拉菜单设置为0高度，然后将其高度设置为动画以产生滑动效果？有没有比js更好的css3动画呢？
我真的不能修改菜单的html或最初定位它的基本css，因为它相当复杂。但是想知道是否有可能做一些像我建议的事情？
浏览 0提问于2013-06-20得票数 1
回答已采纳
1回答
下拉菜单突然停止工作
、、、
我正在使用基于引导的Wordpress (主题:未来)。主题是响应的，在移动视图中，菜单转换为下拉菜单。即使在桌面版本中，我在其中一个菜单选项上也有一个下拉菜单，但突然之间，这两个下拉菜单都停止工作了。
除了css文件之外，我没有对源代码做任何更改。在控制台中有两个javascript错误，但我不确定它们是否与此问题有关：
Uncaught TypeError: Object #<Object> has no method 'on' bootstrap.min.js?ver=3.0.3:9
Uncaught TypeError: Object #&l
浏览 6提问于2014-03-10得票数 1
回答已采纳
在我的wordpress网站上，我有一个菜单项，可以在悬停时打开一个下拉菜单。我想禁用悬停功能，并将其替换为点击功能。
我的网站是。具体的菜单元素是#menu-item-11
浏览 6提问于2014-04-19得票数 0
3回答
我正在设计Wordpress主题，我唯一的问题就是下拉菜单。为那些"ul“和"li”选择器加上"display“和...属性。即使阅读教程和查看其他网站的CSS (Firebug)，我仍然不能创建一个！有没有什么特别的程序或者好的资源可以让我学习呢？假设我想设计一个单级下拉菜单。谢谢
浏览 0提问于2011-10-22得票数 0
我正在做一个古腾堡块，这将是一个下拉菜单上的所有帖子在网站上。我使用@wordpress/create-block (4.4.0版)作为脚手架。当我尝试使用useSelect函数时，它会得到“这个块遇到了一个错误，不能预览”。除了一个错误：
📷
我正在尝试使用以前成功的代码，尽管该代码没有使用@wordpress/create-block脚手架(我从零开始构建了所有东西，@wordpress/scripts npm)。
这是我的密码：
import {useSelect} from "@wordpress/data"
export default function Edi
浏览 0提问于2022-11-17得票数 0
回答已采纳
我已经用html&css创建了自己的下拉菜单。所以，任何人都可以指导我如何，我可以添加我自己制作的下拉菜单到我自己的自定义WordPress主题？我不想使用任何插件，因为它不会给我提供与我自己的下拉菜单相同的外观。
提前谢谢。
浏览 6提问于2013-08-18得票数 0
回答已采纳
1回答
在移动设备()上访问我们的Wordpress网站时，我注意到右上角的菜单图标根本无法点击，也不会展开以显示菜单标签。注意:我们没有这个相同的图标在我们的桌面网站上，因为它是不需要的，因为桌面较大，并显示整个菜单。
我没有能力在Wordpress中直接编辑我们主题的HTML，但是我可以编辑CSS，所以CSS解决方案将是最理想的。
我们的主题是多年前定制的。此外，我在我们的Wordpress账户中看不到直接编辑“移动菜单”的选项；我已经看过了Wordpress的每一个部分，但没有成功。
其他注意事项:我们使用的是Wordpress的最新版本。所有插件都是最新的。在移动端，刷新/关闭标签/清除缓存并
浏览 9提问于2021-02-18得票数 0
1回答
我有一个Wordpress网站与WooCommerce安装了几个可变的产品，每个产品的变化有一个下拉菜单，显示不同的变量时，点击。
我的问题是，单击时显示的下拉菜单的样式如何？我可以成功地改变字体颜色和大小，但不能改变背景颜色，填充文本等，下拉菜单。
PS我使用'Elementor Pro‘插件与’基本主题‘来编辑我的网页和添加自定义CSS。
在来到这里之前，我已经搜索了一个答案，我发现这可能与AJAX和一些关于.select2 CSS有关的东西有关，但是在检查我的页面或将代码添加到我的CSS时，我并没有看到那个CSS代码。
对不起，如果这是一个简单的解决方案，我只是没有看
浏览 1提问于2018-12-15得票数 1
回答已采纳
1回答
我正在完成一个WordPress网站()，我使用的主题是Neve。最后一个问题是我的汉堡包移动菜单，我有“服务”作为下拉菜单，没有服务页面。在桌面上，您可以悬停“服务”并显示下拉列表。在移动平台上，您必须单击箭头图标才能显示下拉列表，然后单击"Services“就什么都不做了。我希望箭头和“服务”都可以点击。
浏览 2提问于2022-06-07得票数 0
1回答
自定义主题与菜单冲突
、、、
我正尝试在我的Wordpress网站上添加一个下拉菜单。我有一个自定义的主题，由我不能再联系的人。当我在Wordpress管理区域的菜单部分中将页面设为子单元时，它不会使该页面成为下拉列表。相反，它只是让页面出现在应该是父页面下面。任何帮助都是非常感谢的。下面是我的菜单的代码：
<div class="navigation">
<?php
wp_nav_menu(array( 'menu'=>'main-menu','items_wrap'=>'<ul class="menu&
浏览 0提问于2016-05-29得票数 1
1回答
我一直在为我工作的公司设计一个内部网的样式，我们决定采用下拉菜单来进行全球导航。
我们已经发现了一个问题，即嵌入在object标记中的页面遮蔽了下拉菜单。我们没有选择更改作为对象嵌入的页面的行为，因为这是在intranet中显示SAP页面的选择解决方案(根据开发人员的说法，iframe不适用于这些页面)。
下拉菜单是使用纯css和html制作的，并且实际上是绝对定位的元素。我已经尝试在对象和菜单上设置绝对位置和z索引，但这不起作用。
有没有人有一个解决方案，可以让下拉菜单出现在通过对象嵌入的网页上？
浏览 2提问于2012-02-06得票数 1
回答已采纳
2回答
我为我的Wordpress网站创建了一个下拉菜单。在这个jsfiddle中，您可以找到HTML和CSS代码：
see jsfiddle
我有一个CSS的问题。我创建了下拉菜单，但当我悬停在“菜单项一”上时，它会伸展并获得更大的宽度。这是不应该的。子菜单项可以更大，但菜单项本身不应更改大小。此外，当我悬停菜单时，它周围到处都是黄色的背景，我想删除它。
浏览 2提问于2013-04-25得票数 0
回答已采纳
1回答
我有一个下拉菜单使用CSS过渡动画和z-index: -1隐藏在后面的主导航。如果导航下面没有任何其他元素，这就可以很好地工作，但是由于z-index，一旦我放置了一个具有坚实背景的部分，下拉菜单就会在下面。当然，如果我更改为更高的z-index，则下拉菜单将位于主导航上方。 除了直接将下面的元素(在本例中为section)更改为position: absolute; z-index: -2之外，如何才能达到预期的效果？如果可能的话，我更倾向于只改变nav类的css属性，而不是部分。 这是project for reference。
浏览 12提问于2020-04-30得票数 0
对于以下编码，fadeIn动画在IE中不起作用。基本上，这是一个下拉菜单，当我将光标悬停在父菜单上时，可以在Chrome、Mozilla和Opera中看到动画，但问题似乎只在IE上。
提前谢谢你。
function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
$(this).find('ul:first').css({visibility: "visib
浏览 0提问于2012-07-21得票数 0
1回答
基础6钻下动画速度
、、、、
我的目标是应用自定义动画速度到基础6钻取菜单中的基础6网站。我知道，在_settings.scss中，您可以通过$drilldown-transition更改初始单击动画，但是当返回向下钻取的级别时，动画参数将被忽略。
我检查了dist > assets > css > app.css，看看是否有其他参数或某种隐藏的CSS控制了这一点，但在我看来，它是通过JS处理的，而不仅仅是添加/删除类。
TLDR;，我想了解在返回一个级别时如何控制下钻菜单的动画速度/样式。
例：
浏览 2提问于2018-08-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
