.check-btn {flex: auto; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center;} .check-btn-group > .check-btn > label {width: 20px; height: 20px; padding: 0; margin-right: 6px; --tw-ring-color: transparent; border-radius: var(--radius-full);} .check-btn-group > .check-btn > input:checked + label {font-family: ZentaoIcon; text-align: center; color: #fff;} .check-btn-group > .check-btn > input:checked + label.btn::after {font-size: 14px; content: '\\e5ca';} .check-btn-group > .check-btn > label > svg {display: none} CSS; } /** * @param mixed[] $props */ public function buildItem($props) { $props['text'] = ''; $props['labelStyle'] = array('background-color' => $props['value']); return parent::buildItem($props); } protected function build() { return parent::build(); } }