是否可以爲<ons-bottom-toobar>定義自定義修飾符？

Question

我試圖爲「ons-bottom-toolbar」定義一個自定義的「修改器」屬性，以修改它的默認高度值（44px）。

正如在Onsen的網頁上定義的那樣，「ons-bottom-toolbar」具有該屬性，並且如果要爲名爲「ons-yyyy」的onsen元素創建名爲「xxxx」的修飾符，則必須定義一個CSS類如：

.yyyy--xxxx { 
    /* define style here ... 
    */ 
} 

其中類名稱是沒有「ons-」 sufix的溫泉元件，「 - 」和改性劑名稱。

我可以爲 「插件按鈕」 做到這一點：

<ons-button modifier="green">GREEN BUTTON</ons-button> 

.button--green { 
    background-color: green; 
} 

...但對於 「ONS-底部工具欄」 不起作用：

<ons-bottom-toolbar modifier="pink"> 
    PINK FOOTER???? 
</ons-bottom-toolbar> 

.bottom-toolbar--pink{ 
    height: 24px; 
    background-color: pink; 
    border-top: 5px solid black; 
} 

你可以看看這裏http://codepen.io/anon/pen/MaxNNb

¿

Answer 1

嘗試使用.bottom-bar--pink代替css中的.bottom-toolbar--pink選擇器。可能它是一個bug。