Есть ли способ скрыть переключатели с помощью CSS?

Question

У меня есть опрос о Qualtrics, и я хотел бы найти способ спрятать переключатели с помощью CSS; Это возможно?

Спасибо!

Answer 1

, если вы хотите, чтобы все радиокнопки скрытых, то вы можете использовать

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

если вы хотите только некоторые радиокнопки скрытых, то вы должны дать класс CSS для них, например, «hiddenRadioButton» и этого CSS класса

.hiddenRadioButton{ display:none; } 

Редактировать: [input type = "radio"] {display: none} следует вводить [type = "radio"] {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.

• -hide, потому что вы хотите стилизовать его по-другому (и глупо: браузеры 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 ниндзя http://www.thecssninja.com/css/custom-inputs-using-css