Avatar billede jets Nybegynder
02. september 2002 - 19:21 Der er 10 kommentarer og
1 løsning

CSS og forms

Jeg har en simpel html-form af typen:

<form action="edit.php" method="post">
<input type="text" name="test" size="40">
</form>

Kan man ændre udseende af input-feltet med CSS, fx. hvad angår baggrundsfarve på feltet, skrifttype og størrelse?
Og hvordan med andre input typer, såsom selects, checkboxes?
Avatar billede schaefner Juniormester
02. september 2002 - 19:23 #1
<style>
input {
font-family: verdana;
font-size: 11px;
background-color: blue;
}
Avatar billede schaefner Juniormester
02. september 2002 - 19:23 #2
slut tag: </style>
Avatar billede schaefner Juniormester
02. september 2002 - 19:24 #3
Istedet for input kan du fx. skrive select eller textarea
Avatar billede lillebror Nybegynder
02. september 2002 - 19:24 #4
<style type="text/css">

for at holde standarderne
Avatar billede schaefner Juniormester
02. september 2002 - 19:24 #5
De kan også bare sættes sammen:
<style>
input, select, textarea {
font-family: verdana;
font-size: 11px;
background-color: blue;
}
</style>
Avatar billede lillebror Nybegynder
02. september 2002 - 19:25 #6
ja eller skrive
.input {
font-family: verdana;
font-size: 11px;
background-color: blue;
}

også skrive class="input" ved alle elementer der skal have det udseende
Avatar billede schaefner Juniormester
02. september 2002 - 19:26 #7
checkbox mener jeg ikke du kan gøre det store ved. Du kan ændre farven rundt om ved hjælp af background-color: red, men vist ikke farven i selve boxen.
Avatar billede jets Nybegynder
02. september 2002 - 19:26 #8
Hej
Avatar billede jets Nybegynder
02. september 2002 - 19:26 #9
Tusind tak for svarene, begge to.
Avatar billede jakoba Nybegynder
02. september 2002 - 19:28 #10
Ja, det kan du gøre med css:

<input type="text" name="test" size="40"
    style="background-Color:red; width:200,height:100; font-face:courier;">

det er forskelligt for de forskellige formfelter hvilke styles der kan sættes, generelt er reglen, at jo nyere en browser, jo mere understøtter den.

<select kommandoen er nok det form-element der tillader mindst.

og pas på med borders. i NS4 bliver de misforstået og laver nogen grumme grimme små firkanter ved siden af formelementerne.

mvh JakobA
Avatar billede jets Nybegynder
02. september 2002 - 19:31 #11
Jakob, tak for tippene. Indtil videre er projektet helt for mig selv, så kombatibilitet er ikke så vigtigt, men man ved jo aldrig :) og det er godt at vide, hvor problemerne kan opstå.
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