OptionGroup水平？

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");