java - 选项组水平？

Question

我正在尝试更改 OptionGroup 以显示水平。在 vaadin7 书中有一个用 CSS 改变的例子，但是不起作用。

我正在尝试这个。

//styles.scss
/** optiongroup */
/* Lay the options horizontally */
.v-select-optiongroup-horizontal .v-select-option {
    display: inline-block;
}
/* Avoid wrapping if the layout is too tight */
.v-select-optiongroup-horizontal {
    white-space: nowrap;
}
/* Some extra spacing is needed */
.v-select-optiongroup-horizontal .v-select-option.v-radiobutton {
    padding-right: 10px;
}

//Here the OptionGroup
OptionGroup optionGroup = new OptionGroup();
optionGroup.addItem("Usuário");
optionGroup.addItem("Representante");

有什么想法吗？

Answer 1

如书中所述，您需要设置自定义水平样式名称:

optionGroup.addStyleName("horizontal");