Input + Css = ???

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.

------------------
Erik Proudly Presenterar:
eMejlen - eSidan - eFrågan

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.

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.

------------------
Med vänliga hälsningar,
Sune Andersson, webForum Admin.

[Redigerat av Sune den 27 jul 2000]

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

------------------
Erik Proudly Presenterar:
eMejlen - eSidan - eFrågan

"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?

------------------
Med vänliga hälsningar,
Sune Andersson, webForum Admin.

[Redigerat av Sune den 27 jul 2000]

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.

------------------
Erik Proudly Presenterar:
eMejlen - eSidan - eFrågan

[Redigerat av erre den 27 jul 2000]

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.

------------------
-- spango
Ingen älskar en man med skägg.

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

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). :)

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?

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>