input-taggen og CSS

[Loomy]

Driver og roter med et lite prosjekt her. Poenget er å lage en side fullstendig uten et eneste bilde, og se hvor "fancy" jeg kan få den vha. CSS

 

Såh, problemet er disse input-greiene. Altså text, button, checkbox og radio. Når jeg definerer et visst utseende på input-taggen, så brukes denne på ALLE input-tagger - stort sett. Problemet er at i firefox funker text og button som den skal, mens checkbox og radio holder seg til standard windows-style.

I opera ser checkbox og radio fullstendig vraket ut. De to andre funker bra.

I IE funker alt som det skal.

 

Hvordan får jeg CSS-stylen for input type text og button til å bruke en style, og så ha en annen style for checkbox og radio?

Ja, vet jeg kan bruke class, men det blir tungvindt og da er jo endel av poenget med CSS borte vekk

 

Sjekk Prosjekt PureCSS i siggen min for å se problemet med egne øyne (helt nede på siden)

[cfenzo]

Hmmm..

Vet det er noe CSS3 (eller kanskje CSS2) hvor du kan lage styles utifra hvilke "attributes" en tag har.. men nå kan jeg ikke huske hvor jeg så det.. prøv w3c?

Mener det er nok uansett ikke er særlig utbredt støtte for det enda..

(Og det her kan garantert Epsilon eller Satyrium fortelle mer om.. )

 

 

edit> w3c er min venn..

 

5.8 Attribute selectors << (CSS2.1)

 

 

edit2> og i følge denne CSS2 browser-support testen skal både mozilla, opera, safari 1.2, safari 1, Konqueror, OmniWeb 4.5 og MSN for Mac OS X støtte dette, men ikke IE6 og IE 5 for Mac..

Endret 23. april 2004 av cfenzo

[Loomy]

Hmmm, den der kan bli artig - men dessverre fungerte den ikke i mine 3 nettlesere

[cfenzo]

fikk det til å funke jeg.. husk.. ikke noe mellomrom mellom tag og selector:

 

eksempel:

Norsk får blå bakgrunn og hvit skrift, engelsk får grå bakgrunn og svart skrift..

<span lang="en">Hello</span>
<span lang="no">Hei</span>

 

CSS

span[lang="en"] {
background-color: grey;
color: black;
}
span[lang="no"] {
background-color: blue;
color: white;
}

 

Nå skal jeg råkke slik her i natt a..

 

Fungerer bra i både firefox 0.7 og Opera 7.23

Fungerer IKKE i IE6...

Endret 23. april 2004 av cfenzo

[Loomy]

Aha! Glemte ""

 

Tack så mycket (elns)!

 

 

EDIT: Huumm.. funket ikke i IE, men det gir jeg blanke **** i

Endret 23. april 2004 av Loomy

[haugsand]

Ah, hvorfor har jeg ikke tenkt på å bruke attributtt-selektorene tidligere? Slitsomt å sette class="text" på hver bidige input

[Nervetattoo]

Oi, den var slettes ikke dum. Kjipt at IE ikke takler det. Kunne blitt kvitt en del klasser med den. Er vell bare å begynne å lete etter en IE hack da

[haugsand]

IE takler attributt-selektoren, hvertfall sist jeg testa det.

[cfenzo]

Jeg testa eksemplet over på IE6 i går.. og det funka ikke...