Avatar billede sbm Nybegynder
21. august 2006 - 14:05 Der er 5 kommentarer og
1 løsning

Style en knap "tilbage" til default

Jeg har lavet lidt generel styling, som gælder f.eks. alle knapper. Men nu har jeg et enkelt tilfælde, hvor jeg helst vil have at knappen er default stylet.

Helt præcis er det når man ønsker at lave en <input type="file"> hvor der automatisk tilføjes en knap "Gennemse..." som ikke kan styles. Lige ved siden af den, placerer jeg en submit-knap, som så gerne skulle se ligesådan ud, og ikke have specielt font som alle de øvrige knapper på sitet.

Spørgsmålet er så hvordan jeg får knappen til at være default-stylet, uden at skulle gå ind og lave specifik styling på alle andre knapper?
Avatar billede ofirpeter Nybegynder
21. august 2006 - 14:12 #1
Giv den en class og så brug: "none"

F.eks. hvis det drejer jeg som bgcolor:

.classnavn {
  bgcolor:none;
}

<input type="file" class='classnavn'>
Avatar billede sbm Nybegynder
21. august 2006 - 14:37 #2
Mja.... Helt tilfreds er den ikke. Fontstørrelse osv. er ikke helt i mål.

Jeg tror bare jeg bider i det sure æble, og styler specifikt i de forskellige knapper. Så mange er der heller ikke.

Smider du et svar?
Avatar billede ofirpeter Nybegynder
21. august 2006 - 15:55 #3
Okay. Du kan jo evt. prøve dig frem og se hvad default font og størrelse er, og så lægge det på din knap.
Avatar billede sbm Nybegynder
21. august 2006 - 15:59 #4
Nix. For det kan variere fra browser til browser, og fra Windows til Linux til Mac OS. Så jeg vil sætte den til DEFAULT, og ikke hvad jeg selv plejer at have som default i den browser jeg sædvanligvis bruger. :)
Avatar billede olebole Juniormester
22. august 2006 - 13:03 #5
<ole>

Så giv alle dine andre knapper en klasse, som du så styler på  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
22. august 2006 - 13:07 #6
- og så kan du jo både bruge:
    <input type="button" value="Tekst" onclick="bla()">

- og:
    <button onclick="bla()">Tekst</button>

Eller f.eks:
    <input type="submit" value="Tekst">

- og:
    <button type="submit">Tekst</button>

Så er det ikke svært at style dine knapper forskelligt  ;o)
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