Alterar imagem do "input image"

[Seifer 0]

Oi.

 

Estou precisando criar botões que usem imagem. Como o site que criei vai usar templete totalmente baseados em css, as imagens dos botões devem ser definidas no arquivo .css

 

<input type="image" id="btn_ok" alt="OK" value="" [B]src="ok.gif"[/B] />

Oque eu quero é tirar a parte em negrito do código acima, e definir isso no .css

 

O problema é que não estou encontrando a propriedade css adequada que acessa esse atributo. Só consegui esse efeito usando background, onde o "src" é deichado em branco e no css é usando background e definidas outras propriedades, mas o resultado final fica diferente....

 

Alguem sabe como que altera esse "src" no css?

 

Grato pela atenção :D

[Douglas 6]

E porque você não usa o SRC?Você pode tentar deixar borda 0 (zero) e aplicar o background-image.

[pa_bruno 0]

eh ué... arranca o src e coloca uma classe com um background... ae você chama a classe no input... ;)

[Illidan 0]

você não vai conseguir alterar um atributo "src" somente com CSS... CSS é usado pra um fim diferente:

 

XHTML: armazena o conteúdo a ser exibido

CSS: formata a aparência do conteúdo

java script: define o comportamento do documento no lado do cliente

 

você vai conseguir alterar o atributo "src" por javascript (ou diretamente no código HTML). Mas pode fazer como o pessoal falou... pois a imagem de fundo de um objeto pode ser definida pelo CSS.

 

[]'s!

[Seifer 0]

Valeu ae gente.

 

O problema que tava tendo é que quado deixava 'src=""' ficava aquele ícone de 'imagem faltando', e ele mostava o 'alt'. Era só botar um .gif 1x1 transparent....

 

<input type="image" id="btn_ok" alt="OK" src="spacer.gif" />

 

#btn_ok

{

width: 63px;

height: 19px;

border: 0px;

background: transparent url(btn_ok.png) left top no-repeat;

}

 

http://forum.imasters.com.br/public/style_emoticons/default/bye1.gif

[pa_bruno 0]

ué, mas ele naum fuciona sem o src naum? nunca testei...