ionic框架 如何修改其样式。

Question

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

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

还有比如这段

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

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

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

Answer 1

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

Answer 2

有试过这样么？

.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">

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

Answer 3

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

Answer 4

在scss文件下重写样式
官方说明如何重写样式
reference:
Ionic - Pagination is being hidden with new ion-slides component (Swiper)