隐藏无线电输入并不起作用

Question

这是我的HTML代码。我想使用CSS隐藏单选按钮，但是当我按F5时它无法正常工作。

＆＃13;

＆＃13;

#ud_tab input[type=radio]{
    display: none;
}

＆＃13;

<div id="ud_tab">

    <input type="radio" name="ud_tabs" id="tab1" checked="">
    <label for="tab1">Headline 1</label>

    <input type="radio" name="ud_tabs" id="tab2">
    <label for="tab2">Headline 2</label>

    <input type="radio" name="ud_tabs" id="tab3">
    <label for="tab3">Headline 3</label>
    
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您需要为属性选择器添加双引号。将input[type=radio]更改为input[type="radio"]：

#ud_tab input[type="radio"] {
  display: none;
}

<div id="ud_tab">

  <input type="radio" name="ud_tabs" id="tab1" checked="">
  <label for="tab1">Headline 1</label>

  <input type="radio" name="ud_tabs" id="tab2">
  <label for="tab2">Headline 2</label>

  <input type="radio" name="ud_tabs" id="tab3">
  <label for="tab3">Headline 3</label>
</div>

预览