小编Anu*_*ore的帖子

Tailwind CSS:选中子复选框时更改父标签样式

我想在选中复选框时向我的复选框容器添加边框。

目前,我有这个:

<label
  htmlFor="choose-me"
  className=
    'flex w-fit items-center justify-evely p-3 border-2 border-grey-4 text-grey-8 
     peer-checked:bg-light-indigo peer-checked:text-medium-indigo peer-checked:border-medium-indigo'>
  <input type="checkbox" id="choose-me" className="peer mr-3 " />
  Check me
</label>
Run Code Online (Sandbox Code Playgroud)

我想要类似下面的东西:

复选框 - 选中和未选中

但是,当我将输入放入标签中时,我无法更改标签样式。

css reactjs tailwind-css

6
推荐指数
1
解决办法
2967
查看次数

标签 统计

css ×1

reactjs ×1

tailwind-css ×1