是否可以像一組按鈕一樣在 vaadin 中設定單選按鈕的樣式,并且選中的一個會被著色?

我期待使用像單選按鈕這樣的按鈕組。一個可以檢查,其他不檢查。
uj5u.com熱心網友回復:
假設 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;
}
在主題 components/vaadin-radio-button.css 中,添加
.vaadin-radio-button-wrapper { display: var(--radio-button-wrapper-display,block); }
(這將隱藏單選圓圈,但您仍然可以通過單擊標簽來選擇它,該標簽仍然可見)

并將 RadioButtonGroup 類設定為buttons.
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/525681.html
標籤:css瓦丁
