84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
是否可以像一组按钮一样在 vaadin 中设置单选按钮的样式，并且选中一个按钮将被着色？
我希望使用像单选按钮这样的按钮组。一项可以勾选，其他则不勾选。
假设Vaadin 23（其他版本中组件的结构可能会改变），似乎是可行的。
在全局styles.css中，添加：
vaadin-radio-group.buttons vaadin-radio-button { border: 1pt solid black; border-radius: 4px; --radio-button-wrapper-display: none; } vaadin-radio-group.buttons vaadin-radio-button[checked] { background: orange; }
在主题组件/vaadin-radio-button.css中，添加
.vaadin-radio-button-wrapper { display: var(--radio-button-wrapper-display,block); }
（这将隐藏单选圆圈，但您仍然可以通过单击仍然可见的标签来选择它）
并将RadioButtonGroup类设置为buttons。
buttons
假设Vaadin 23（其他版本中组件的结构可能会改变），似乎是可行的。
在全局styles.css中，添加：
vaadin-radio-group.buttons vaadin-radio-button { border: 1pt solid black; border-radius: 4px; --radio-button-wrapper-display: none; } vaadin-radio-group.buttons vaadin-radio-button[checked] { background: orange; }在主题组件/vaadin-radio-button.css中，添加
.vaadin-radio-button-wrapper { display: var(--radio-button-wrapper-display,block); }（这将隐藏单选圆圈，但您仍然可以通过单击仍然可见的标签来选择它）
并将RadioButtonGroup类设置为
buttons。