当前位置:  开发笔记 > 编程语言 > 正文

使整个选项卡可单击

如何解决《使整个选项卡可单击》经验,为你挑选了2个好方法。

我正在制作一个在选项卡式界面上依赖很多的模板,为了使它更直观,我想确保用户可以单击选项卡中的任何位置以激活它,而不是单击选项卡内的文本.为了实现这个目标,我现在正在这样做:

tab text

对于我创建的所有选项卡.有没有人有更有效的方式来做这件事,他们想与我/社区分享?



1> Greg..:

如果你这样做会更容易访问:


设置block让它填充宽度,你可以给它高度,填充等就像一个

.你甚至可以
完全取消.

tab text

当然,你会加入display: block;,.tab {}但你明白了.



2> Chad Birch..:

在语义和兼容性方面,使用CSS修改标签更好,你可以尝试这样的事情:

a.tab { display:block; }

然后还设置其他相关属性,如宽度/高度,背景颜色等.

然后你的HTML看起来像这样:

tab text

推荐阅读
Life一切安好
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有