十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
自己写个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-item1234567
.datum-img{/* 个人信息*/
background: url(../img/mine/datum.png) no-repeat center; width: 20px; height: 20px; margin-top: 3px; display: inline-block; background-size: 100%;}12345678
.my-complex .my-content{ padding: 10px 0px 10px 0px;}123
从代码中可以看到,.datum-img是使用自定义图标,宽高大小需要明确指出。而下面 .my-complex .my-content的样式内容是覆盖掉框架的.item-complex .item-content中padding的规格,而其他规格没写则还是以框架原有的规格显示。图标大小可以用font-size来调整。
总结:覆盖样式,1、先看下框架css的层次,2、依据框架层次自己写个不同名的class样式,样式内含有你需要覆盖的规格key要对,然后自己改想要的value。3、把自己写好的class样式名写到你需要覆盖的框架样式后面就能实现覆盖了。而且不会对原有的框架样式发生改变。
[img]请按照下面标准执行即可;
1.行内样式>指定样式>通用class样式通用未指定CLASS样式
2.例子:
1)div style="..."aaaaaa/a这就是指定用style的行内样式;
2)div id="side" aaaaaa/div这就是指定id使用side样式;
3)div class="ot"aaaaaa/div这就是指了通用的class为ot的样式;
4)如bodytabletrth这些一开始样式文件就定义好全程的样式,为通用为指定的样式;
最高就是指行内样式,接着就是指定ID的,然后就是CLASS,最后就是未指定通用样式;
明确覆盖规则。
首先需要明确的是,很多情况都会导致一个元素被运用上多种样式,样式覆盖的规则也需要根据不同的情况来定,由于继承而发生样式冲突时,最近祖先获胜。
请按照下面标准执行即可;
1.行内样式>指定样式>通用class样式通用未指定CLASS样式
2.例子:
1)div style="..."aaaaaa/a这就是指定用style的行内样式;
2)div id="side" aaaaaa/div这就是指定id使用side样式;
3)div class="ot"aaaaaa/div这就是指了通用的class为ot的样式;
4)如bodytabletrth这些一开始样式文件就定义好全程的样式,为通用为指定的样式;
最高就是指行内样式,接着就是指定ID的,然后就是CLASS,最后就是未指定通用样式;