Aplicar estilo do menu da macromedia em botões do formulário

[asp.net 0]

Galera, gostaria de saber se tem como aplicar um estilo CSS num elemento Button igual ao que se aplica por ai, como no link http://www.imasters.com.br/artigo.php?cn=2622&cc=58, num button é que estou desenvolvendo uma aplicação web que vai utilizar buttons de formulário, e não quero deixar o padrão cinza nestes botões. Quero fazê-los ficarem iguais, se possível aos links do tutorial acima ou do site da microsoft.

[pa_bruno 0]

eh facil rapaz... eh soh você criar uma classe no css:

.botao {border: 1px solid #666666;background: #FFFF99;font: bold 8pt Verdana;padding: 3px 6px;}

e chamá-la no input do formulário:

<input type="submit" value="Logar" class="botao" /><input type="reset" value="Limpar" class="botao" />

lembrando q tem q chamar na classe, naum dah pra fazer com q todos os botoes fiquem assim, pq ele eh um input e como caixas d texto, botoes, combos, entre outros sao input tb, naum eh recomendavel usar as configurações pra tag input...

 

Lembrando tb q as configurações da classe q falei ali foi uma q fiz aki rápidim, pode faze qq coisa... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[asp.net 0]

Mas no caso eu quero assim:Botão sem o mouse em cima dele um estilo, e quando o usuário coloca o mouse sobre o botão (hover) ele muda alguma configuração no botão, como por exemplo mudar a cor de fundo, acessa o site da microsoft e veja com funciona o menu do lado esquerdo, quando o cursor está sobre o elemento ele muda a cor de fundo.

[pa_bruno 0]

ah, você tah falando links? melhor ainda. Eh soh você fazer na tag a e a:hover. O a:hover eh quando o mouse tah em cima do link... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[asp.net 0]

Não Bruno, estou falando de Button mesmo<form><input type=button text="Nome do Botão"></form>Mas quero aplicar o efeito de hover (MouseOver), que aplicamos nos links, para este button.

[pa_bruno 0]

por CSS naum dah... teria q fazer isso por javascript... pq o internet explorer naum aceita hover em tags q naum sejam links... (tinha q ser o maldito)... http://forum.imasters.com.br/public/style_emoticons/default/joia.gif

<input type="submit" onmouseover="this.className='classeOn'" onmouseout="this.className='classeOff'" class="classeOff/>

Ae você cria no css as classes... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[asp.net 0]

você não teria um exemplo real disto não? Não tenho costume de trabalhar com Java Script.

[pa_bruno 0]

ué, tah prontim ali em cima http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif depois crie as classes no css...

.classeOn {background: #FFFFFF;border: 1px solid #666666;color: #000000;}.classeOff {background: #FFFF99;border: 1px solid #000000;color: #000000;}

isso eh soh um exemplo http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif