使用完全相同的CSS,
onclick伪效果可以在同一站点的一个页面上使用此代码正常工作:
<a data-url="#" class="btn btn-share referral_button">Button Text</a>
(但不可否认,它位于不同div的不同页面上)
但不在另一个页面上,代码是:
<a data-url="#" class="btn btn-share referral_button" onclick="javascript:$find('ABC').set_activeTabIndex(3);">Button Text</a>
而不是表现它应该在点击时缩小 - 并且恢复到没有任何css样式的外观 - 或者至少不是正确的CSS样式
我最初认为这与onclick =“javascript ...某些事情发生冲突/重叠并影响CSS执行它应该如何但 * EDIT < / strong> 它不能是这个因为我刚刚删除了整个onclick部分并且问题仍然存在:( * *
所以它一定是别的......
相关的CSS就在这里:对不起它很长,可能很臃肿。最相关的东西我认为是最底层的......
https://docs.google.com/document/d/1N7YQ5YuvY6DJn8-nr4sinx4LY7WOS88eErpRHe4IE_g/pub
答案 0 :(得分:0)
看到它的语法无效,我会说删除所有:active
和.active
语句中的“\ 9”
如下所示:
.btn.active{background-color:#cccccc \9;}
编辑:此外,(与答案无关)
你的CSS非常热门。 (无罪)
您可以轻松清理它并使其更易于管理
此外,它可能只是我疲惫的眼睛,但它的一半接缝只是重复和/或覆盖另一半(这可以追溯到清理它并使其易于管理)。
老实说,你的工作人员,只要你能阅读并使用它。给每个人自己。我更喜欢我的CSS在开发环境中非常易读。
答案 1 :(得分:0)
最明显的建议是,在这个神秘的“其他”页面上有一些东西,它会覆盖这种风格。
使用像Firebug for Firefox这样的工具来检查元素及其“样式”,这可能会为您提供有关覆盖您所期望的行为的提示。
如果您没有使用常见的CSS文件,请检查两个页面上的CSS是否相同。
阅读CSS Specificity,这可能是您遇到问题的根本原因。这有助于解释为什么样式b
覆盖样式a
。
归结为两页的一些差异。