Ir para conteúdo
Fórum Script Brasil
  • 0

Sized-select: Backgroud-color No Mouse Over


$Xand$

Pergunta

Olá pessoal,

Tenho um select com o atributo size definido. Ou seja ele deixou de ser uma comboBox normal. Porém eu precisava que este meu "sized-select" ainda possuísse aquela propriedade de um select normal de quando há um "onmouseover", a option que o mouse se encontra muda a cor de fundo. O problema é que não consigo usar o evento de mouseover para uma option de um select..

Outra restrição é que o código deve funcionar em IE e Firefox,

Alguém tem alguma dica?

[ ]'s

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0

OK fercosmig,

vai lá um exemplo básico da minha idéia:

<html>
  <head>
    <script type='JavaScript'>
      function seleciona(obj){
      obj.style="background-color:blue"
      }
    </script>  
  
  </head>   
  
  <body>
    <select name='meu_select' size='4'> 
      <option onmouseover='seleciona(this);'>kaka</option>
      <option onmouseover='seleciona(this);'>Ronaldinho</option>
      <option onmouseover='seleciona(this);'>Robinho</option>
      <option onmouseover='seleciona(this);'>Ronaldo</option>
    </select>
  </body>
</html>

Por exemplo um onmouseover no elemento select em si, funciona, mas direto nos options acho que não..

[ ]'s

Link para o comentário
Compartilhar em outros sites

  • 0

O que você pode fazer é usar a função a:hover....

so que os nomes terao q estar como links, claro q você pode colocar os links não apontando p lugar nenhum como nesse exemplo q faz isso com figuras..

http://www.f5cursos.com/cursos/css/Exemplo/Exemplo.html#3

da para se fazer isso usando css.

neste site você vai ter uma base p poder realizar o q precisa

http://www.maujor.com/tutorial/csslinks.php

[]s

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...