文档章节

ionic css 自定义样式

 黑狗007
发布于 2015/10/17 20:16
字数 150
阅读 2485
收藏 0

例子 <ion-item class="item-complex"> 标签执行后会自动增加一个<a class="item-content">

 class="item-content" 的定义在ionic.css 中, 展开后的样式可通过chrome的开发者工具查看

若想自定义,只能覆盖对应的css定义,但如果是局部样式重定义,该修改将影响全局样式。

解决方法:

<div class="content">
    <ion-item class="item-complex">
        <a class="item-content"></a>
    </ion-item>
</div>

样式修改, 定义特殊的class路径,避免修改全局样式:

.content .item-complex .item-content {
    padding:0px;
}

其他样式修改方式类似。


© 著作权归作者所有

共有 人打赏支持
粉丝 1
博文 75
码字总数 14512
作品 0
广州
私信 提问
加载中

评论(1)

ccpual
ccpual
自定义样式就是覆盖原来样式~还有其他方式么~?能否推荐一下~。
ionic教程之基本布局

目录: 简介 Hybrid vs. Others ionic CSS框架 基本布局 布局模式 定高条块:.bar .bar : 位置 .bar : 嵌入子元素 .bar : 嵌入input 内容:.content和.scroll-content Hybrid vs. Others 要开...

汇智网
2017/09/18
0
0
ionic上拉菜单 在android中“文字居左”、“取消按钮不显示”问题解决

在自己的css文件中写下此段代码: .platform-android .action-sheet-cancel { display: block !important; margin-top: 4px;}.platform-android .action-sheet .button { border-width: 1px......

我有我
2016/04/13
202
0
Ionic常用animation动画及使用分析

动画下载地址http://pan.baidu.com/s/1ntFjwAt 引言 在很长的一段时间内,我们使用ionic开发的项目都很少用到动画,使得画面有些生硬。在新版本的ionic中抛弃了animate,需要我们自己去引入这...

Simon_ITer
2016/01/18
2.2K
0
理解ionic2 + angular2开发方案

  看了下ionic2的官方文档,做了简单的分析理解。 1. 安装使用   ionic2的安装运行基本和前版本的ionic基本一致,非常简单。 当然这里需要保证你的开发环境SDK已经安装成功了,例如Andro...

ouven
2016/09/20
1K
0
ionic入门之AngularJS扩展(一)//HTML5移动开发

ionic ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox OS) 的原生A...

秦无炎
2016/12/20
16
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊flink TableEnvironment的scan操作

序 本文主要研究一下flink TableEnvironment的scan操作 实例 //Scanning a directly registered tableval tab: Table = tableEnv.scan("tableName")//Scanning a table from a registered......

go4it
13分钟前
1
0
JS检测移动端横竖屏的代码

移动端的设备提供了一个事件:orientationChange事件 这个事件是苹果公司为safari中添加的。以便开发人员能够确定用户何时将设备由横向查看切换为纵向查看模式。 在设备旋转的时候,会触发这...

不负好时光
14分钟前
0
0
ArrayList 优化

优化是 基于数据的大小 当数据量过大 (内存能抗住) 性能达到瓶颈才需要针对性的做优化 contain 优化 可以转换为set add 大批量操作 先预估数据量 调用 `ensureCapacity(int minCapacity)` ...

NotFound403
15分钟前
2
0
Lifecycle Aware Data Loading with Architecture Components

In my previous blog post, I talked about how you can use Loaders to load data in a way that automatically handles configuration changes. With the introduction of Architecture Co......

SuShine
15分钟前
0
0
性能测试汇总

服务器带宽测试 iperf测试带宽 wget -c https://codeload.github.com/esnet/iperf/tar.gz/3.1.6 tar zxvf 3.1.6cd iperf*yum install gcc./configure --prefix=/usr/local/iperf#指定......

以谁为师
20分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部