首页 > ionic框架 如何修改其样式。

ionic框架 如何修改其样式。

请问各位大神,我用的是ionic纯angularjs标签进行的布局,它有默认的元素样式,我想修改其元素样式

我试过添加class类名,然后再对这个类名进行添加样式,这只对某些有效,并且有点css样式还是不能修改,比如说字体大小等。

还有比如这段

 <ion-tab title="我的简历" icon-off="ion-ios-book-outline" icon-on="ion-ios-book" ui-sref=".resume" badge="12">
 

我想修改title中文字的样式,图标的大小等,有什么办法哦?

请问大神们,有什么方法能够对每个元素修改其默认样式哦?


有试过这样么?

.tab-item {
    font-size: 30px;
    ....
}

改这个样式

 <ion-tab class="tab-item" title="我的简历" icon-off="ion-ios-book-outline" icon-on="ion-ios-book" ui-sref=".resume" badge="12">

因为官网有文档这么介绍:


我一般会通过三种方式来修改:
一。直接修改对应的class的样式
二。自己添加class或者id,修改相应样式
三。直接在标签内写样式(这其实也是我用得最多的,以前一般不这样写,但用ionic后,发现这样更方便!!)


一般都是让自己的样式类的优先级比ionic的高,使用这种方法来覆盖ionic的样式

【热门文章】
【热门文章】