Question

我有关于Qualtrics的调查，我想找到一种使用CSS隐藏单选按钮的方法;这有可能吗？

谢谢！

Answer 1

如果您想隐藏所有单选按钮，则可以使用

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

如果您只想隐藏一些单选按钮，那么您必须为它们提供一个css类，例如＆＃34; hiddenRadioButton＆＃34;这个css类是

.hiddenRadioButton{ display:none; }

编辑：[input type =＆＃34; radio＆＃34;] {display：none}应输入[type =＆＃34; radio＆＃34;] {display：none; }

Answer 2

如果您想隐藏某个单选按钮，请使用：

HTML：

<!-- Example with two radio buttons -->
<input type="radio" id="first-button" name="button"> <input type="radio" id="second-button" name="button">

CSS：

#first-button {
    display: none;
}

如果你想隐藏所有单选按钮，那么用户Vecihi Baltacl的答案将无效，你需要使用这个CSS：

input[type="radio"]{
    visibility:hidden;
}

Answer 3

根据你想要达到的目标，隐藏它的方法有几种：

隐藏，因为您不需要它，或者您将在满足某些条件时从js显示它。为此，您应该使用display: none;。这些元素不在DOM中。
隐藏，因为你会做一些疯狂的黑客攻击，例如。因为你很懒，你不想修改POST或在后端处理日期。然后你应该使用visibility: hidden;该元素在DOM中。
- 隐藏，因为你想要以不同的方式设置它（和愚蠢的：D浏览器不允许你这样做）。这一天不推荐因为有这么多设备，它们的行为方式多种多样这将导致一些问题，例如。在手机上（当然不是总是）。为此，您应该使用opacity: 0;。它们在页面上呈现它们应该存在的位置但是不可见。

我个人最喜欢这个：

.container{
  overflow: hidden;
  position: relative;
}

.hidden-stuff{
  position: absolute;
  top: 0;
  right: 0;
  font-size: 30rem;  
  opacity: 0;
  cursor: pointer;
  z-index: 10;
}

css ninja http://www.thecssninja.com/css/custom-inputs-using-css

有一种很好的方式来设置单选按钮的样式

有没有办法使用CSS隐藏单选按钮？

3 个答案: