---
title: "input id möjligt?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/156775-input-id-möjligt"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "wally_91"
published: "2007-02-03T21:32:57.000Z"
updated: "2007-02-04T10:56:32.000Z"
replies: 5
views: 302
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/156775-input-id-möjligt"
---

# input id möjligt?

## #1 — wally_91, 2007-02-03T21:32Z

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

Permalänk: https://www.webforum.nu/p/156775

## #2 — oskars, 2007-02-03T21:48Z

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");
}
```

Permalänk: https://www.webforum.nu/p/1932250

## #3 — wally_91, 2007-02-03T21:56Z

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.

Permalänk: https://www.webforum.nu/p/1932253

## #4 — oskars, 2007-02-03T22:00Z

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>

Permalänk: https://www.webforum.nu/p/1932254

## #5 — zcorpan, 2007-02-03T23:38Z

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.

Permalänk: https://www.webforum.nu/p/1932290

## #6 — wally_91, 2007-02-04T10:56Z

> **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.

Permalänk: https://www.webforum.nu/p/1932335

---

Tråden på webben: https://www.webforum.nu/amne/html-css/156775-input-id-möjligt