Olá, o código baixado do site (https://cursos.alura.com.br/course/avancando-html-css/task/33076), constroi radio buttons sendo que, se a opção "Outro" é selecionada, o campo de texto aparece.
Tentei fazer isto com dropdown list ao invés de radio buttons, porém não consegui. O que preciso fazer?
HTML
<fieldset>
<legend class="assunto">Assunto:</legend>
<select name="assunto">
<option value="blog">Blog</option>
<option value="servico">Serviço</option>
<fieldset>
<option value="outro">
Outro
<input value="outro" type="text" name="outro-assunto" tabindex="1">
</option>
</fieldset>
</select>
</fieldset>
CSS
input[value="outro"] {
display: none;
}
option[value="outro"]:checked > input {
display: inline;
}