input id möjligt?

Hej alla!

Vet någon om man kan göra så här:

test.php

<input id='#inputbild' type='submit' value='Lägg till nyhet' />

style.css

#inputbild:hover {
background: url("bilder.awardspace.co.uk/images/ok-default.png"}

#inputbild {
background: url("bilder.awardspace.co.uk/images/ok.png"}

Om inte kom gärna med förslag vad som kan göras.

Så här fungerar det,

input {background-color: #ffe3e3}

men inte som #inputbild

Tack för alla förslag!

//wally_91

Testa detta:

#inputbild:hover {
    background-image:url("bilder.awardspace.co.uk/images/ok-default.png");
}

#inputbild {
    background-image:url("bilder.awardspace.co.uk/images/ok.png");
}

oskars: Bytte det men min fråga är om jag kan ha

<input id='#inputbild' type='submit' value='Lägg till nyhet' /> ?

Vill nämligen ha så att en submit knapp har en bild och sedan vid onmouseover kommer en ny bild upp.

jaha, nä det är nog inte möjligt (i alla fall inte med CSS, vad jag vet. Men det kanske går med javascript?). Använd istället en ul-meny:
http://css.maxdesign.com.au/listamatic/horizontal02.htm

Gör om den så som du vill ha den med din bakgrund... och använd javascript för att göra så att knappen blir en submit-knapp!

Så här gör du en submit-knapp av en text-länk:
http://webdevelopment.developersnetwork.com/Articles.asp?Article=47

Borde vara id="inputbild", inte id="#inputbild".

Förutom det och att det saknades ) i dina url() så borde det fungarea bra.

Notera dock att IE6 bara har stöd för :hover på länkar.

zcorpan skrev:

Borde vara id="inputbild", inte id="#inputbild".

Förutom det och att det saknades ) i dina url() så borde det fungarea bra.

Notera dock att IE6 bara har stöd för :hover på länkar.

Jag har ) i mina url men jag kortade ner min kod för att det skulle se bättre ut och inte lika mycket skit kod för er att gå igenom. Jag löste det dock med ett javascript från jojoxx.net.