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

Mudar Cores Do Select Option

ju_rezende

Perguntado por ju_rezende,

 Share

Pergunta

20 respostass a esta questão

Posts Recomendados

  • 0
ju_rezende

ju_rezende

Postado
  • Autor
Postado

Olá pessoal gostaria de saber se é possível alterar algumas cores dentro do select option

Mudar a cor do scrool, para velmelhos

Quando passamos o mouse ou clicamos em alguma Option, ele fica de cor azul, eu gostaria que ficasse de cor preta, e a fonte mudasse para vemelho.

Será que alguém poderia me dar uma ajudinha com isso, já faz um tempão que estou procurando e não estou encontrando nada.

Se alguém tiver um tuto também agradeço.

Brigada

Abraços

Link para o comentário
Compartilhar em outros sites
  • 0
fercosmig

fercosmig

Postado
Postado 
<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
.a1{
background: #000000;
color: #FFFFFF;
}
.a2{
background: #00cc00;
color: #ffff00;
}
.a3{
background: #00ffff;
color: #000000;
}
.a4{
background: #ff3300;
color: #0000cc;
}
.a5{
background: #cc33cc;
color: #cccc00;
}
-->
</style>
</head>
<body>
<select name="teste" id="tst" onchange="sel();">
<option>...</option>
<option value="1" id="a" class="a1">primeiro</option>
<option value="2" id="b" class="a2">Segundo</option>
<option value="3" id="c" class="a3">Terceiro</option>
<option value="4" id="d" class="a4">Quarto</option>
<option value="5" id="e" class="a5">Quinto</option>
</select>
</body>
</html>

Link para o comentário
Compartilhar em outros sites
  • 0
Beraldo

Beraldo

Postado
Postado

Nunca testei, mas tente inserir estes estilos dentro do <style> desejado:

SCROLLBAR-FACE-COLOR: white;

SCROLLBAR-HIGHLIGHT-COLOR: white;

SCROLLBAR-SHADOW-COLOR: #3366cc;

SCROLLBAR-3DLIGHT-COLOR: #3366cc;

SCROLLBAR-ARROW-COLOR: #3366cc;

SCROLLBAR-DARKSHADOW-COLOR: #3366cc;

SCROLLBAR-BASE-COLOR: #3366cc;

Na rolagem de página funciona (no IE), mas não sei se roda no select...

Abraço

Link para o comentário
Compartilhar em outros sites
  • 0
flavio

flavio

Postado
Postado

Não que o Mauricio Sammy (www.maujor.com) seja O mestre de CSS, mas eu o tenho como a maior referência de CSS em lingua portuguesa. E no site dele (veja aqui) tem em letras destacadas, assim:

Nota: Até esta data, não há como estilizar com CSS, a setinha do select.

Acredito, que uma alternativa de se fazer isso, seria usando flash. Agora... em se tratando de HTML / CSS , sigo à risca as palavras do Maujor! :)

Link para o comentário
Compartilhar em outros sites
  • 0
Ríder Cantuária

Ríder Cantuária

Postado
Postado

Amigos o que vocês estão solicitando é impossível fazer com o CSS, pois este tem poucas funções DOM (Document Object Model) em tempo real ou quase nada, procure o que significa no wikipedia* eles explicam melhor o que é DOM. Enfim somente pode mudar estilos do windows ou outras OS's se a linguagem suporta DOM.

Então em CSS é imposível não percam o tempo de vocês, ele é usado para estilizar níveis abaixo de Windowns no DOM.

Para clarear mais o que é DOM, segue a dica:

O JAVA PODE CONTROLAR DESTE NÍVEL PARA BAIXO

1 - Window - Janela do seu browser

2 - History - Histórico

3 - Location - Locação

O CSS FOI CRIADO PARA GERENCIAR ESTE NÍVEL NO DOM

4 - Document - Documento da página onde entra os formulários, os links, as âncoras entre outros elementos.

* http://pt.wikipedia.org/wiki/Modelo_de_Objeto_de_Documentos LINK PARA

http://www.brainfaul...demo/selectbox/ - tentem usar este como modelo, é feito em JAVA

VALE RESSALTAR QUE O FLASH NÃO É STANDARD E POR RECOMENDAÇÃO DA W3C NÃO DEVE SER USADO, EM TERMOS TÉCNICOS É MELHOR FICAR COM O JAVA.

SUCESSO!

Ríder Cantuária - Designer Digital

rider@webrider.com.br

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.

×
 Share
Ir para lista de Perguntas


  • Estatísticas dos Fóruns

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