Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Adan Ribeiro

Cursos do mouse não seleciona o último option do select

Recommended Posts

Por que quando montamos um <select> com mais de três <options> o último nunca fica selecionado quando o cursor do mouse está por cima?

 

<select>

<option value='0'>Selecione...</option>

<option value='1'>Aluno</option>

<option value='2'>Professor</option>

<option value='3'>Funcionário</option>

</select>

 

select.png

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não.... acabei de testar o mesmo code que postou. Esta normal.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Deixa eu explicar melhor:

Funciona sim. Se eu clicar em cima de "Funcionário" o sistema irá selecionar, mas aquele "hover" azul que marca a opção não acompanha o mouse.

Isso só irá acontecer quando eu fizer um <select> com três <options> ou menos.

Isso foi testado no Google Chrome, em vários computadores diferentes.

Compartilhar este post


Link para o post
Compartilhar em outros sites

somente no chrome ?

verifique se o chrome esta atualizado, eu testei no IE e FF foi normal, caso permaneça use um CSS Hack

 

<form>
<select name="teste" autofocus id="teste">

  <option value='0'>Selecione...</option>

  <option value='1'>Aluno</option>

  <option value='2'>Professor</option>

  <option value='3'>Funcionário</option>
  <option value="4">Dirteor</option>
  <option value="5">Merendeira</option>
  <option value="6">Zelador</option>

</select>

Outro
<select name="teste" autofocus id="teste">

  <option value='0'>Selecione...</option>

  <option value='1'>Aluno</option>

  <option value='2'>Professor</option>
</select>
</form>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Com o autofocus funcionou e... Sem o autofocus funcionou também... :upset:

 

Estranho... simplesmente voltou a se comportar normal. Mesmo com o código que eu estava usando anteriormente. Não inseri nenhuma linha a mais. Testei no Chrome, IE, Firefox e até no renderizador do W3C Schools.

 

É bom saber essa técnica, mas ainda não entendi o motivo para esse problema ter acontecido anteriormente. O mais provável é que tenha sido alguma configuração de ambiente que não se setou da mesma forma depois que eu religuei o computador. Uma pena...

Mas vou marcar como tópico resolvido. Com todas as opções que fora listadas aqui... é bem provável que uma funcione aleatoriamente para alguém com a mesma dúvida.

Compartilhar este post


Link para o post
Compartilhar em outros sites

pode ser que estava no cache depois que atualizou ele pegou o code correto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.