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

标签 css forms input css-selectors label

我有一组标签输入集,其中一些集具有禁用输入,而其他集具有正常输入。你可以看一个基本的例子in this fiddle .

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

我需要它是灵活的,因此对 ids 进行硬编码是不可能的(而且也不整洁)。

最佳答案

试试这个:

input:disabled ~ label{
   cursor:default;
}

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

关于禁用输入的标签的 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17295110/

相关文章:

javascript - 对于 MM/DD/YYYY 文本,仅显示用户未输入的文本

php - 在php中使用if else语句插入数据库表

ruby-on-rails - Rails 3 中的联系我们表格

ruby - Mechanize 表单。提交返回空表单

c++ - 将 C++ 的相同功能/概念转换为序言

jquery - 无法将图像放在文本旁边

html - 为什么 '>' 组合子也没有像我预期的那样工作?我必须分别设计我认为可以一起设计的元素

HTML5 输入日期选择器 : Disable reset date option

html - 添加填充或边距中断 float

flutter - 如何强制用户在 Flutter 的 TextField 中输入至少 2 个字符?