大阳城·(中国区)官方网站入口-Macau App Station

消息 联系人 动态

在上述代码中，使用.tabs-stable和.tabs-color-dark类设置选项卡的背景色和文本颜色，使用.active和.disable类设置选项卡的活动和非活动状态，使用.tab-item-balanced类设置活动项文字的颜色;选项卡默认显示在页面的底部。使用Chrome浏览器访问demo9-21.html,页面效果如图9-33所示。

在图9-33中，可以通过文字的颜色区别活动和非活动状态的选项卡。为了更加直观地区别活动项，ionic中提供了指示条功能，即使用，tabs-striped类为活动选项添加指示条。

在demo9-21.html的第10行代码中，引入.tabs-striped 类，重新访问该页面，页面效果如下图所示。

从图中的页面效果可以看出，指示条和活动选项卡的字体颜色一致，单独为活动选项设置的字体颜色没有生效;也就是说，选项卡指示条和活动选项单独字体颜色的功能只能选择一个，不能同时使用。

猜你喜欢：

CSS层叠性和继承性的概念有什么不同

CSS3子代选择器和兄弟选择器的用法

css link和@import的区别是什么?

CSS如何去除图片间隙？【CSS教程】

大阳城app官网入口HTML&JS+前端开发培训课程

上一篇：Git是什么？这6个基础概念你需要了解 下一篇：Git下载安装和配置基础信息【图文教程】

最新资讯

相关阅读

0 分享到：

javaee

python

web

design

cloud

test

c

netmarket

pm

Linux

movies

robot

uids

Python

jdbc

北京校区

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

申请试听名额

热门课程推荐

更多>>

首页|校区分布|师资力量|关于我们|报名流程

常见问题|技术资讯

大阳城·(中国区)官方网站入口-Macau App Station版权所有
Copyright 2006-2023, All Rights Reserved

在线咨询我要报名

和我们在线交谈！