E erre Medlem sedan maj 2000 1 215 inlägg Frågan 27 juli 2000 12:19 #1 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å attknappen blir orange???
Obs, jag vet att man kan göra det med klasser med det är en sista utväg.
------------------Erik Proudly Presenterar: eSidan - eFrågan
Kim Medlem sedan jan. 2000 7 697 inlägg Det är nog tyvärr enda sättet.
Detta är jag dock inte säker på alls. Du får testa.
S Sune Medlem sedan nov. 1999 367 inlägg 1. Lägg detta i din stylesheet
<style type="text/css"><!--
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.
------------------
[Redigerat av Sune den 27 jul 2000]
E erre Medlem sedan maj 2000 1 215 inlägg 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: eSidan - eFrågan
S Sune Medlem sedan nov. 1999 367 inlägg "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?
------------------
[Redigerat av Sune den 27 jul 2000]
E erre Medlem sedan maj 2000 1 215 inlägg 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: eSidan - eFrågan
[Redigerat av erre den 27 jul 2000]
spango Medlem sedan juni 2000 8 205 inlägg Det är inget fel på W3C, utan på webbläsarna: http://www.w3.org/TR/CSS2/selector.html#attribute-selectors borde alltså funka med input[type="button"] men det gör det inte.
------------------Ingen älskar en man med skägg.
Finns det inga webbläsare som stöder det? :(
E erre Medlem sedan maj 2000 1 215 inlägg
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). :)
spango Medlem sedan juni 2000 8 205 inlägg
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>
