---
title: "Input + Css = ???"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/400-input-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "erre"
published: "2000-07-27T12:19:00.000Z"
updated: "2002-07-31T13:47:08.000Z"
replies: 10
views: 744
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/400-input-css"
---

# Input + Css = ???

## #1 — erre, 2000-07-27T12:19Z

Säg t.e.x. att jag vill att alla mina knappar ska vara oranga. Då lägger jag in detta i css-en.

```
input { background: #ff9900; }
```

Men då blir samtidigt alla text-fält oranga. Finns det något sätt så att
bara *knappen* blir orange???

Obs, jag vet att man kan göra det med klasser med det är en sista utväg.

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

## #2 — Kim, 2000-07-27T12:25Z

Det är nog tyvärr enda sättet.
Det kan förstås fungera med
input:button {background-color: red;}

Detta är jag dock inte säker på alls. Du får testa.

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

## #3 — Sune, 2000-07-27T15:11Z

1\. Lägg detta i din stylesheet

\<style type="text/css"\>\<!--
\#orange { color: #ff9900 }--\>
\</style\>

Vill du ha andra färger kopierar du (och ändrar ovanstående id-tagg.

2\. Lägg detta i din knapp-tagg eller vilken del av formuläret som du nu vill ha i färg.

\<input id="orange" type="button" value="etc"\>

Kom ihåg att Stylesheet och forms bara fungerar i Explorer och inte i Netscape, så slipper du oväntade överraskningar.

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

## #4 — erre, 2000-07-27T15:25Z

Visste väl att det inte fanns nått sätt utan att blanda in klasser och ids. Men tack ändå!

\*mummel\* Jädra w3c som tar fram standarder...

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

## #5 — Sune, 2000-07-27T15:36Z

"Visste väl att det inte fanns nått sätt utan att blanda in klasser och ids."

 :q :q :q

Vad är det som är fel med klasser och ids?

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

## #6 — erre, 2000-07-27T16:09Z

Själva "problemet" är att man måste lägga till det i vare input-tagg. Det är ju inget problem i sig, men det känns lite onödigt.

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

## #7 — spango, 2000-07-31T11:20Z

Det är inget fel på W3C, utan på webbläsarna: <http://www.w3.org/TR/CSS2/selector.html#attribute-selectors> 
Det *borde* alltså funka med input\[type="button"\] men det gör det inte.

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

## #8 — Erik Juhlin, 2002-04-07T17:50Z

Finns det inga webbläsare som stöder det? :(

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

## #9 — erre, 2002-04-07T17:54Z

> *Ursprungligen av Erik Juhlin*  **Finns det inga webbläsare som stöder det? :(**

Förra inlägget var två år sedan och jag antar att stödet för CSS2 är bättre nu (för det är det det handlar om). :)

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

## #10 — spango, 2002-04-07T21:10Z

> *Ursprungligen av erre*  
> 
> **Förra inlägget var två år sedan och jag antar att stödet för CSS2 är bättre nu (för det är det det handlar om). :)**

Jo, i Mozilla funkar det (naturligtvis) utmärkt, men i sketna IE5.5 funkar det (naturligtvis) inte :l . Hur det står till i sexan kan kanske någon kolla?

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

## #11 — henrikjohansson, 2002-07-31T13:47Z

Om man vill kunna ha olika stil på knappar (även disabled), textfält, checkbox, radiobuttons så går det att lösa med javascript

Här är det om nån är intresserad. Fungerar utmärkt för mig.. använder dock bara IE och sidan ligger på ett intranät där alla har IE.

```
<link rel="stylesheet" type="text/css" href="../Globals/stil.css">
<script language="javascript">
window.onload=check;
function check()
{for (x=0;x<document.forms[y].elements.length;x++)
	{if (document.forms[y].elements[x].type == 'submit' || document.forms[y].elements[x].type == 'reset')
		{if (document.forms[y].elements[x].disabled)
			{document.forms[y].elements[x].className = 'ButtonDisabled';}
			else
			{document.forms[y].elements[x].className = 'ButtonEnabled';}
		}
		if (document.forms[y].elements[x].type == 'radio')
		{document.forms[y].elements[x].className = 'Radio'}
		
		if (document.forms[y].elements[x].type == 'checkbox')
		{document.forms[y].elements[x].className = 'checkbox'}

		if (document.forms[y].elements[x].type == 'text')
		{document.forms[y].elements[x].className = 'text'}

		if (document.forms[y].elements[x].type == 'password')
		{document.forms[y].elements[x].className = 'text'}
	}
}
</script>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/400-input-css