2016-05-12 53 views
0

我正在創建一個離子項目,並試圖讓android的標籤樣式正確。我已經嘗試了很多CSS規則,但每次更改CSS規則都會對其他CSS規則造成不良後果。離子選項卡惱人的活化顏色

我試圖創建以下文件:

enter image description here

但是當我點擊了其他選項卡(按住不放 - 離子增加了「激活」類)的標籤變成白色,白色邊框:

enter image description here

我想禁用此。我試過下面的CSS規則:

.tabs-striped.tabs-color-light .tab-item.activated{ 
     color: rgba(255, 255, 255, 0.4) !important; 
     border: none !important; 
} 

這將禁用選項卡項目顏色和邊框當我點擊它,但它創造了一個新的問題。現在,當我在選項卡上進行選項卡(以便導航到該選項卡)時,它需要一秒鐘的時間,或者在新選項卡獲得白色邊框和顏色之前需要的時間。這就像如果有一些LAGG,是很煩人的(可以追溯到圖像1後1秒):

enter image description here

我想創建一個標籤的外觀和過渡例如WhatsApp了。

以下是離子造型。我沒有改變任何東西。 enter image description here

任何幫助,將不勝感激!

回答

1

試試這個CSS規則,讓我知道它的工作:

a.tab-item:not(.tab-item-active){ 
    color: rgba(255, 255, 255, 0.4) !important; 
    border: none !important; 
} 
+0

它的工作!我不知道CSS選擇器':'不存在。非常感謝你! –

+0

不客氣:) – user3078643

相關問題