css - 禁用输入的标签的 CSS 选择器

Question

我有一组标签输入集，其中一些集具有禁用输入，而其他集具有正常输入。你可以在这个小提琴中看到一个基本的例子。

我希望正常输入的标签有一个pointer光标，而其他标签（禁用的输入）应该有一个default光标。有没有一种纯 CSS 方法来做到这一点？我需要一个“用于禁用输入的标签”或“用于未禁用输入的标签”的选择器。

我需要它是灵活的，所以对 id 进行硬编码是不可能的（也不会很整洁）。

Answer 1

尝试这个：

input:disabled ~ label{
   cursor:default;
}

标签和输入将需要一个包装器。