理解這標題就一句話：自己寫個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樣式名寫到你需要覆蓋的框架樣式后面就能實現覆蓋了。而且不會對原有的框架樣式發生改變。

總結

以上是生活随笔為你收集整理的css 怎么覆盖框架样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。