Avatar billede b_ Nybegynder
15. december 2006 - 14:39 Der er 13 kommentarer og
1 løsning

Kan man style default knappen man får ved input type="submit"?

Jeg ved at man kan lave sine egen knapper, og så bruge dem i stedet for default knappen du får ved <input type="submit">, men kan man fx  sige at default knappen skal være mørkegrå sort i stedet for den hvid grå farve?
Avatar billede olebole Juniormester
15. december 2006 - 14:48 #1
<ole>

.gnu {
    background: gray;
    color: white;
    font-weight: bold;
    border: 1px solid red;
}

<input class="gnu" type="submit" value="Min Knap">

/mvh
</bole>
Avatar billede roenving Novice
15. december 2006 - 14:50 #2
?-)

-- selvfølgelig kan du style også submit-knapper, men jeg forstår ikke din tekst om default-knapper osv. ...

<input type="submit" style="margin:0;padding:0;border:0;line-height:1;color:#ff0;background:#333;height:1em;width:6em;" value="Afsend straks">
Avatar billede b_ Nybegynder
15. december 2006 - 15:01 #3
Okay dårlig formuleret.

Hvis man opretter en knap <input type="submit" name="search" value="SØG"></input>, og ikke gør mere ved den, viser den, det jeg kalder en default knap - se her: http://dinbror.dk/homosaks/knap.jpg .

Mit spørgsmål er så om man kan nøjes med at style denne knap, så den stadig har 3d look'et.
Forstår I hvad jeg mener?
Avatar billede olebole Juniormester
15. december 2006 - 15:05 #4
1) du må aldrig lukke et input-element med </input>
2) style du en knap, bliver den firkantet og mister sit XP-look
Avatar billede sw_red_6 Nybegynder
15. december 2006 - 15:07 #5
det kan lade sig gøre men lige så snart bu begynder at ændre på baggrunden så går det i fisk
Avatar billede b_ Nybegynder
15. december 2006 - 15:08 #6
ad 1) Hvordan så? w3c validator brokker sig ikke!
ad 2) Selvfølgelig det er mig der ikke tænker klart. Flovt
Avatar billede b_ Nybegynder
15. december 2006 - 15:10 #7
sw_red_6: Så kan det jo hellere ikke lade sig gøre ;)
Avatar billede b_ Nybegynder
15. december 2006 - 15:11 #8
<input type="submit" name="search" value="SØG" />?
Avatar billede b_ Nybegynder
15. december 2006 - 15:13 #9
smid et svar ole
Avatar billede bgo Nybegynder
15. december 2006 - 15:24 #10
et alternativ kunne være at lave knappen grafisk med et a-tag eller onclick-event som kalder formnavn.submit()

"<input type="submit" name="search" value="SØG" />?"

Hvis det er XHTML, ellers lukkes input vist ikke
Avatar billede olebole Juniormester
15. december 2006 - 15:43 #11
Hvis alternativet skal være en grafikknap, kan man ligeså godt bruge det element, der er er beregnet til det:
    <input type="image" src="myGif.gif">

- eller alternativt:
    <button type="submit"><img src="myGif.gif"></button>

b_ >> At W3C's validator ikke brokker sig, betyder ikke nødvendigvis, at koden er uden fejl. Det betyder blot at dét stykke software ikke var i stand til at finde evt. fejl. Validatoren har historisk set indeholdt mange fejl og er under stadig udvikling  ;o)
Her kan du se hvilke elementer, der har et legalt slut-tag ... alle andre skal lukkes med ' />' i XHTML
Avatar billede olebole Juniormester
15. december 2006 - 15:43 #12
- og et svar  =)
Avatar billede b_ Nybegynder
15. december 2006 - 16:30 #13
Det var ærgeligt at der ikke lige var en nem smutvej, så må jeg bare lave min knap i photoshop som jeg plejer....
Avatar billede olebole Juniormester
18. december 2006 - 12:35 #14
Jeg skrev godt nok: "Her kan du se hvilke elementer, der har et legalt slut-tag", men mon ikke jeg glemte at smide et link til dig? Her er det:
    http://www.w3.org/TR/html401/index/elements.html

- og ja, hvis du f.eks. ønsker en XP-knap med en anden farve, er du nødt til at bruge grafik ... altså noget Photoshop-halløj.

Tak for points  ;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