文档章节

ionic css 自定义样式

 黑狗007
发布于 2015/10/17 20:16
字数 150
阅读 2459
收藏 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常用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上拉菜单 在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入门之AngularJS扩展(一)//HTML5移动开发

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

秦无炎
2016/12/20
16
0

没有更多内容

加载失败,请刷新页面

加载更多

javascript source map 的使用

之前发现VS.NET会为压缩的js文添加一个与文件名同名的.map文件,一直没有搞懂他是用来做什么的,直接删除掉运行时浏览器又会报错,后来google了一直才真正搞懂了这个小小的map文件背后的巨大...

粒子数反转
昨天
0
0
谈谈如何学Linux和它在如今社会的影响

昨天,还在农耕脑力社会,今天已经人工智能技术、大数据、信息技术的科技社会了,高速开展并迅速浸透到当今科技社会的各个方面,Linux日益成为人们信息时代的到来,更加考验我们对信息的处理程...

linux-tao
昨天
0
0
学习设计模式——中介者模式

1. 认识中介者模式 1. 定义:用一个中介对象来封装一系列的对象交互行为,中介者使得各对象不需要显式的互相引用,从而使其松散耦合,独立的改变他们之间的交互。 2. 结构: Mediator:中介者...

江左煤郎
昨天
0
0
深入理解Plasma(1):Plasma 框架

这一系列文章将围绕以太坊的二层扩容框架,介绍其基本运行原理,具体操作细节,安全性讨论以及未来研究方向等。本篇文章作为开篇,主要目的是理解 Plasma 框架。 Plasma 作为以太坊的二层扩容...

HiBlock
昨天
0
0
Java 8 日期 示例

Java 8 推出了全新的日期时间API。Java处理日期、日历和时间的方式一直为社区所诟病,将 java.util.Date设定为可变类型,以及SimpleDateFormat的非线程安全使其应用非常受限。Java也意识到需...

阿刚ABC
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部