input type="hidden". Как сделать видимым?

[maksim_serg]

input type="hidden". Как сделать видимым?
Собственно вот и весь глупый вопрос

input[type="hidden"] {
    display: inline-block;
}

не помогает. Конечно можно сделать скриптом, изменив тип. Но можно ли на css ?

[Alex11223]

Зачем? Может быть и никак, он ж для того и нужен, чтоб быть невидимым.

[maksim_serg]

так то да, но мне нужно иногда его показывать, скажем так для "более удобного визуального редактирования" в конструкторе форм онлайн

[Alex11223]

Дык или скрывайте с помощью css (display: none), или type на text меняйте.

[maksim_serg]

Сообщение от Alex11223

type на text меняйте.

если не найду варианта на css то примерно так и сделаю. Но как то в итоге получить <input type="text" style="display:none;"/> не особо бы хотелось...

[Arigato]

На CSS такое не сделать.
Вот пример на JS:

var inputs=document.getElementsByTagName('input');
for(i=0;i<inputs.length;i++)
  if(inputs[i].type=='hidden') inputs[i].type='text';

[maksim_serg]

немного по другому сделал

<input type="text" value="" class="form-input input-hidden">
.input-hidden{
	background-color:lightgrey;
	opacity:0.5;
}

[maksim_serg]

потом переберу классы .input-hidden, изменю тип, удалю скласс