css 怎么覆盖框架样式
来源:互联网 发布:java 线程是什么 编辑:程序博客网 时间:2024/05/02 18:39
理解这标题就一句话:自己写个class样式覆盖到框架的样式位置就好了。
1.自定义图标替换ionic图标样式
<ion-item class="item item-complex my-complex item-icon-left item-icon-right"> <a class="item-content my-content" ng-click="goPage('archive', '个人信息')"> <i class="icon datum-img"></i> <span style="font-size: 90%;line-height:inherit">个人信息</span> <i class="icon ion-ios-arrow-right msgText" style="font-size: 20px;"></i> </a> </ion-item>
.datum-img{/* 个人信息*/ background: url(../img/mine/datum.png) no-repeat center; width: 20px; height: 20px; margin-top: 3px; display: inline-block; background-size: 100%;}
.my-complex .my-content{ padding: 10px 0px 10px 0px;}
从代码中可以看到,.datum-img是使用自定义图标,宽高大小需要明确指出。而下面 .my-complex .my-content的样式内容是覆盖掉框架的.item-complex .item-content中padding的规格,而其他规格没写则还是以框架原有的规格显示。图标大小可以用font-size来调整。
总结:覆盖样式,1、先看下框架css的层次,2、依据框架层次自己写个不同名的class样式,样式内含有你需要覆盖的规格key要对,然后自己改想要的value。3、把自己写好的class样式名写到你需要覆盖的框架样式后面就能实现覆盖了。而且不会对原有的框架样式发生改变。
阅读全文
0 0
- css 怎么覆盖框架样式
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS 样式覆盖
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- css样式覆盖顺序
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- CSS样式覆盖规则
- HTTP报文
- 想转行互联网,IT培训该怎么选?
- mybatis入门(三)——Mapper代理开发替代传统DAO层开发
- Android手机通过wifi进行数据传输(一)
- 移动端样式重置代码
- css 怎么覆盖框架样式
- 操作系统(三)同步进程问题--理发师的睡觉问题
- 如何阅读计算机科学类的书
- apache的下载安装配置
- Linux设置超级用户密码
- 《C++ Primer Plus(第6版)》编程练习代码 Chapter 6
- 通讯录排序(按首字母顺序)
- tensorflow.python.platform.gfile
- CSDN Markdown使用教程