Søg
Avatar billede lifeweb Nybegynder
04. januar 2007 - 23:07 Der er 12 kommentarer og
1 løsning

style buttons med css

Hej

Jeg har et stylesheet jeg inkluderer på alle mine sider...

Jeg vil gerne style mine buttons, men er ikke interesseret i at give alle buttons en class - og samtidigt skal mine inputfelter ikke have samme style som mine buttons

jeg ved det kan lave i FF med input[type="button"], men jeg kan ikke nøjes med at style til FF

Løsningen skal altså virke i alle browsere

er det muligt??

eller halter IE endnu engang?? ;)
Avatar billede mclemens Nybegynder
04. januar 2007 - 23:34 #1
Ie halter, kast selv et svar
( med ie7 som minimum senere bliver det muligt )
- Eneste alternativ til flere id's eller classes er javascript
Avatar billede lifeweb Nybegynder
04. januar 2007 - 23:35 #2
jeg er ikke overrasket, men lader lige spørgsmål ligge lidt tid og ser om der er andre der tilfældigvis har en løsning
Avatar billede mclemens Nybegynder
04. januar 2007 - 23:52 #3
Jeg søgte lidt mere og fandt det her, men som sagt det er ikke en løsning, der skal både bruges den til IE og den udvidede til browsere der understøtter mere css ...

... kaster lige et svar hvis det er brugbart ...

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta

http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title><meta name="robots"

content="index, follow">

<style type="text/css">
input { background: expression(this.type=="button"?'#00f':'#000'); }
input[type="button"] {background:#00f;}
input[type="text"] {background:#000;}
</style>

</head><body>
<input type="button" value="noget">
<input type="text">
</body></html>
Avatar billede mclemens Nybegynder
04. januar 2007 - 23:53 #4
http://msdn.microsoft.com/workshop/author/dhtml/overview/recalc.asp
Avatar billede mclemens Nybegynder
04. januar 2007 - 23:56 #5
Rart nok at du lod den stå, så lærte jeg også noget nyt :)
De specielle IE styles skal nok gøres IE betinget så det ikke
ødelægger din validering af siden ...

<!--[if IE]><style type="text/css">input { background: expression(this.type=="button"?'#00f':'#000'); }</style><![endif]-->

- evt. med link til css stylesheet fil inde i conditional skjulningen istedet ...
Avatar billede mclemens Nybegynder
04. januar 2007 - 23:56 #6
Du finder conditional comments her:
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp
Avatar billede mclemens Nybegynder
04. januar 2007 - 23:58 #7
Men, om du med den udvidede css selector på type samt den til IE kommer tæt nok på "Løsningen skal altså virke i alle browsere" tør jeg ikke sige ...
Avatar billede lifeweb Nybegynder
05. januar 2007 - 00:09 #8
Jeg har testet det i:
FF: OK!
IE: OK!
Safari: NIX!
Avatar billede lifeweb Nybegynder
05. januar 2007 - 00:09 #9
tak for hjælpen!!!
Avatar billede mclemens Nybegynder
05. januar 2007 - 00:19 #10
Jeg siger tak for point, og
tak til dig for at jeg fandt det.
- Jeg får sikkert selv brug for det
den dag, hvor jeg vil kode til IE7 :)

Conditional comment burde nok være:
<!--[if IE lt 7]>IE under 7 kører indholdet her<![endif]-->
Avatar billede mclemens Nybegynder
05. januar 2007 - 00:32 #11
Jeg kiggede lige på http://www.quirksmode.org/css/contents.html
Da jeg ledte efter noget til Safari, iflg. den side skulle
Safari 1.3.2 understøtter attribut selectors, men om det er
fordi at jeg brugte " - er inde i selectoren ved jeg ikke.

http://www.quirksmode.org/css/selector_attribute.html
Hvis man omskriver iflg. ovenstående side skulle selectoren
input[type="button"] være denne istedet: input[type=button]
input[type="text"] være denne istedet: input[type=text]

- Nåh, jeg har ingen Mac, men faldt bare over at Safari skulle
understøtte css selectors på attributter, men det kan jo både
være en smutter i mine selectors eller inde på linket med testen.
Avatar billede lifeweb Nybegynder
05. januar 2007 - 00:34 #12
jeg har købt en mac til testformål

når først jeg får styr på en sikker løsning, vil folk som dig selvfølgelig få adgang til den :)
Avatar billede lifeweb Nybegynder
05. januar 2007 - 00:40 #13
det hjalp desværre ikke på safari...

men den browser er også MEGET speciel

Hvis du kender nogen der kan finde ud af at installere hamachi på en mac, så har du en testmaskine :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 13:55 Ukendt sender e-mails fra - og til min e-mail adresse Af mort1 i Andet sikkerhed
I går 11:08 Forskel mellem klokkeslet start aften slut næste morgen Af krasmussen i Excel
23/0715:10 WINDOWS KOMPABILITET Af snestrup2000 i Windows
22/0720:19 DVB T2 tuner med optagefunktion Af ErikHg i Andet hardware
20/0716:00 Fildeling mellem 2 windows 11 systemer Af knudg i Windows
White papers
Flere white papers »