Avatar billede retep Nybegynder
19. oktober 2001 - 11:25 Der er 21 kommentarer og
1 løsning

stylesheets

I mit stylesheet har jeg defineret input-felter som dette:

input { border: 1px solid; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

Men f.eks. radiobuttons vil jeg gerne have uden border. Kan det lade sig gøre uden at jeg skal definere en class, og bruge den gennem alle mine dokumenter??
Jeg har prøvet med:

input.radio { border: 0px; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

og input:radio { border: 0px; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

Men uden held... Vil helst slippe foir at skulle bruge class=\"\" alle steder, der er mange input felter ;)

Mvh
Retep
Avatar billede senj Nybegynder
19. oktober 2001 - 11:30 #1
Det skulle kunne lade sig gøre, se lige dette!

Here it is: (insert desired color in place of #xxxxxx)

Insert this attribute into your radio button tag:

style=\"background : #xxxxxx; color: #000000;\"
For example:

<input type=\"radio\" name=\"fish\" value=\"trout\" style=\"background : #xxxxxx; color: #000000\">
Or alternatively, insert this into your stylesheet code, and apply a class=radio to your input tag:

input.radio { background : #xxxxxx; color: #000000; }
Avatar billede senj Nybegynder
19. oktober 2001 - 11:31 #2
Shit, du ville ikke have class - sorry!
Avatar billede retep Nybegynder
19. oktober 2001 - 11:33 #3
Hej Senj... Jamen det er ligepræcis det jeg vil undgå... Jeg er nemlig så doven, at jeg ikke gider skrive alt det hver gang jeg laver en radiobutton... Jeg vil have stylesheet\'et til at skælne mellem radio, checkbox osv... ;)
Avatar billede Slettet bruger
19. oktober 2001 - 11:33 #4
Jeg har gjort følg:

option , select , checkbox , button , textarea, input {
font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; background-color: white; color: #000000
}

Det kan du vel tilpasse selv..
Avatar billede retep Nybegynder
19. oktober 2001 - 11:33 #5
Nemlig ;))
Avatar billede Slettet bruger
19. oktober 2001 - 11:34 #6
ohh...tror jeg misforstod.

Du skal vel nærmere bare bruge:

input { border: 1px solid; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

radio { border: 0px; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}
Avatar billede retep Nybegynder
19. oktober 2001 - 11:37 #7
el_barto... Det har jeg prøvet... radio-buttons får alligevel en border på 1 px :-/
Avatar billede callesen Praktikant
19. oktober 2001 - 11:42 #8
Prøv med border-width: 0px;
Avatar billede retep Nybegynder
19. oktober 2001 - 11:45 #9
input { border: 1px solid; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}
radio { border: 0px;border-width: 0px; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}

Laver også en kant på radio-buttons :/
Avatar billede Slettet bruger
19. oktober 2001 - 11:47 #10
Prøv med

option , select , checkbox , button , textarea {
border: 1px solid; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;
}

radio { border: 0px;border-width: 0px; font-size: 11px; font-family: verdana,arial,helvetica,sans-serif;}
Avatar billede callesen Praktikant
19. oktober 2001 - 11:54 #11
Hvis du mener den lille 3d-skygge må jeg bedrøve dig med, at den kan du ikke gøre noget ved.
Men olebole kender sikkert en script vej uden. Hans ide er at du gør din radio-bottom usynlig og styrer den \'udefra\' fx. med en hjemmelavet knap der styrer den usynlige radio-bottom. Det kan være han kan klare denne også. Jeg finder lige hans indlæg.
Avatar billede callesen Praktikant
19. oktober 2001 - 11:57 #12
Avatar billede retep Nybegynder
19. oktober 2001 - 12:03 #13
el_barto>> Det virker heller ikke, stylesheetet opfatter det slet ikke...
Avatar billede retep Nybegynder
19. oktober 2001 - 12:16 #14
Hmmmm... Laver det på den irriterende måde... Alle felter får en class=\"****\"... Så virker det i hvert fald ;)

Tak for hjælpen til alle... Hvis I gider poste et svar, deler jeg pointene mellem jer...
Avatar billede Slettet bruger
19. oktober 2001 - 12:52 #15
Jeg vil ikke have point når det ikke virker :) Jeg har alligevel nok i forvejen...
Avatar billede cpt.kangaroo Nybegynder
19. oktober 2001 - 12:57 #16
input[type=\"radio\"] { /* ..dine styles .. */ }

Er måden at gøre det på. Det er en del af CSS2, der vist ikke har den store understøttelse endnu.
Avatar billede retep Nybegynder
19. oktober 2001 - 13:16 #17
CSS2... Hmmm, hvilke ie versioner virker dét i?

Har et seperat stylesheet til NS, så ns er ikke noget problem...
Avatar billede cpt.kangaroo Nybegynder
19. oktober 2001 - 13:30 #18
Tja, IE 5.5 kan ikke forstå disse \"Attribute Selectors\". Har ikke lige prøvet med IE6.

NS6/Mozzila er med på den, men mener at radio-borders er selve cirklen. Ved ikke hvem der har ret dér.

Oprera 5 kan ikke forstå type=\"radio\", men hvis man i stedet bruger input-navnet: input[name=\"min_radio_input_navn\"] så vil den godt :-)
Avatar billede retep Nybegynder
19. oktober 2001 - 13:32 #19
Okis... Kom med et svar, og pointene er dine ;)
Avatar billede cpt.kangaroo Nybegynder
19. oktober 2001 - 13:37 #20
Jamen dog :-)
Avatar billede retep Nybegynder
19. oktober 2001 - 13:44 #21
Tak for hjælpen ;)
Avatar billede cpt.kangaroo Nybegynder
19. oktober 2001 - 13:45 #22
np :-)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester