在仅使用html或css选中单选按钮后，是否只能启用选择输入？

Question

就像上面提到的标题一样，我只是想知道是否只有在仅使用HTML和CSS选中单选按钮之后才可以启用select标签？

例如：选择单选按钮后，我将可以访问并单击选择框。

Answer 1

使用纯CSS或HTML是不可能的，您只能将选择的显示设置为无，并在单选按钮获得焦点时显示它，否则您必须使用JS进行处理，还可以防止由于悬停而错误显示设置为其他单选按钮，则必须为单选按钮分配唯一的ID，然后选择。

Answer 2

如果没有Javascript，则无法禁用，但是您可以使用HTML，CSS对其进行隐藏/显示。

以下是示例：

HTML

 <input type="radio" name="1" id="radio">
    <select name="" id="select">
    <option value="">Select</option>
  </select>

CSS

#select{
      display: none;
    }
    #radio:checked ~ #select{
      display: inline;
    }

Answer 3

第二个解决方案

由于没有JavaScript就无法禁用，因此您可以使用将用作禁用属性的这个小技巧：pointer-events: none;

即使我也不推荐这样做，但这仍然是一个不错的选择

HTML

<input type="radio" name="1" id="radio">
    <select name="" id="select">
    <option value="">Select</option>
  </select>

CSS

   #select{
      pointer-events: none;
    }
    #radio:checked ~ #select{
      pointer-events: all;
    }