【发布时间】:2012-12-13 19:17:26
【问题描述】:
如果有人问过这个问题或者这是一个愚蠢的问题,我们深表歉意 - 看起来很简单,但我确实搜索过。
在我的网站上,我使用了一个导航栏,我最初是从很久以前有许多免费的罐装导航栏的网站中提取的,并且从那时起通过修改参数对其进行了很多更改。现在,随着移动设备的出现(是的,我落后了),我想将所有下拉菜单从悬停时弹出更改为单击时弹出。我知道这就是 bootstrap 的做法,等等,所以显然可以做到。
对我来说,事情开始改变颜色并基于以下内容出现:
.menu ul li.selected a.outer1 {color:#000; background:#929292; margin-bottom:250px;
zoom: 1; filter: alpha(opacity=60); opacity: 0.6; }
选择外部列表元素时,填充更改。但是,似乎“.selected”使 li 在悬停时“选中”。有没有办法改变它,让它在点击时被选中?只是一个简单的单词变化?还是我必须改变我的结构?如果需要,我可以提供额外的代码。
【问题讨论】:
-
如果你提供额外的代码,你肯定会得到更好的答案——这里没有足够的代码来看看发生了什么。如果您创建一个小的独立示例,您将获得最佳响应,该示例仅包含足够的代码来演示问题,而没有任何额外内容。将此代码发布到问题中或 JSFiddle (jsfiddle.net) 中。这样做可能需要做很多工作,但它是解决问题过程中的关键部分。
-
这将是正确答案^。对不起各位。我认为 .selected 是 CSS 中的子类或伪类。我完全忘记了我在 JavaScript 中编写的准备在悬停时添加或删除“选定”类的函数!哦!难怪我找不到同样的问题!再次抱歉,感谢您的宝贵时间。
标签: css drop-down-menu click hover selected