文档章节

ionic css 自定义样式

 黑狗007
发布于 2015/10/17 20:16
字数 150
阅读 2600
收藏 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
229
0
Ionic常用animation动画及使用分析

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

Simon_ITer
2016/01/18
2.9K
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
40
0

没有更多内容

加载失败,请刷新页面

加载更多

计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
今天
5
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
今天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
今天
6
0
【技术分享】TestFlight测试的流程文档

上架基本需求资料 1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程) 2、开发好的APP 通过本篇教程,可以学习到ios证书申请和打包ipa上传到appstoreconnect.apple.com进行TestF...

qtb999
今天
10
0
再见 Spring Boot 1.X,Spring Boot 2.X 走向舞台中心

2019年8月6日,Spring 官方在其博客宣布,Spring Boot 1.x 停止维护,Spring Boot 1.x 生命周期正式结束。 其实早在2018年7月30号,Spring 官方就已经在博客进行过预告,Spring Boot 1.X 将维...

Java技术剑
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部