Submit

[RafaellaRocha 0]

Por favor, alguem pode me ajudar ...

 

Tenho um submit abaixo

 

<input type="submit" name="KT_Insert1" id="KT_Insert1" value="" class="enviar" align="absmiddle" style="cursor:pointer;" src="images/botao_confirmar.png">

 

Porém gostaria que quando o usuario passar o mouse por cima do botao Confirmar, aparecer outro botao, um mais claro

 

Sendo que não consigo utilizar a funcao do onMouseOver e onMouseOut no submit

 

apenas no img...

 

Como faço para fazer funcionar no submit??

 

A funcao em jscript q funciona no img é a seguinte

function trocarconfirmar(obj){

document.images["homeButton"].src="images/botao2_confirmar.png"

border="none"

}

function voltarconfirmar(obj){

document.images["homeButton"].src="images/botao_confirmar.png"

border="none"

}

 

porem no input submit n consigo fazer isso funcionar , alguem sabe pq ??

[André do Vale 76]

<input type="submit" name="KT_Insert1" id="KT_Insert1">

 

Faça uma só imagem, separando alguns pixels os dois botões nela.

 

CSS:

 

input#KT_Insert1 {
border:none;
padding:0;
width:[largura do botão]px;
height:[altura do botão]px;
background-image:[url do botão];
background-position:[posição inicial do fundo - X,Y];
cursor:pointer
}

 

Ao passar o mouse:

 

input#KT_Insert1:hover {
background-position:[posição do fundo com hover - X,Y]
}