微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何使css a:点击后主动工作?

我试图使一个菜单作为选项卡.标签本身工作正常,菜单链接也很好.但是我想删除活动标签的边框,使其看起来像在实际页面上.我试过使用#id a:active,但只要我按下链接,它似乎只有工作.我已经有了 JavaScript,但是我似乎无法找出一个办法.这是我的css活跃.

CSS:(请让我知道,如果你需要更多的CSS)

#navigation a:active {
    color: #000;
    background: -webkit-gradient(linear,left top,left bottom,from(#DFE7FA),to(#FFF));
    border-bottom-width:0px;
}

谢谢,
/ Pyracell

解决方法

由于您在上述评论中的演示链接,JavaScript不会有任何帮助,应该在您的PHP代码中完成.
以下行:
<a <?PHP if (this_tab_is_selected){ ?>class='active' <?PHP } ?>href='LINK_TO_TAB' >
    TAB_NAME
</a>

提到改变标签正在重定向到另一个页面可能有助于从起始xD更好的响应

根据创建选项卡和代码的方式,将this_tab_is_selected更改为为所选选项卡返回true的代码.

附:当然,保持上述答案中提到的修改为您的CSS. (哪个更改#navigation a:活动到#navigation a.active)

原文地址:https://www.jb51.cc/css/214361.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。