是否可以为<ons-bottom-toobar>定义自定义修改器？

Question

我正在尝试为“ons-bottom-toolbar”定义自定义“修饰符”属性，以便修改它的默认高度值（44px）。

正如在Onsen的网页上定义的那样，“ons-bottom-toolbar”具有该属性，如果要为名为“ons-yyyy”的onsen元素创建名为“xxxx”的修饰符，则必须定义一个css类：

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

其中类名是onsen元素，没有“ons-”sufix，“ - ”和修饰符名称。

我可以为“ons-button”执行此操作：

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

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

...但是对于“ons-bottom-toolbar”不起作用：

<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

尝试在css中使用.bottom-bar--pink代替.bottom-toolbar--pink选择器。可能是一个错误。