Avatar billede conrad Nybegynder
09. maj 2001 - 09:28 Der er 11 kommentarer og
3 løsninger

styling af input elementer

Hvilke muligheder er der for at style input elementer som textfelter knapper og lignende, og hvordan gøres det?
Avatar billede krn Nybegynder
09. maj 2001 - 09:29 #1
<style>
input {color: 000000; background-color: FFFFFF; font-family: verdana;}
</style>

og så videre
Avatar billede krn Nybegynder
09. maj 2001 - 09:30 #2
<style>
input {color: 000000; background-color: FFFFFF; font-family: verdana;}
textarea {color: 000000; background-color: FFFFFF; font-family: verdana;}
select {color: 000000; background-color: FFFFFF; font-family: verdana;}
</style> så er der til det hele :o)
Avatar billede halfblind Nybegynder
09. maj 2001 - 09:30 #3
hvis du bruger denne her, så har du det hele..også knapperne, skal imellem body tags

<style type=\"text/css\">

input
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #000000;
border: 1px #000000 solid
}

select
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000;
border-color: #000000 #000000 #000000 black;
border-style: solid; border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}

textarea
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}

optgrp
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
label
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
Button
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;
    color: #000000;
    border: #000000;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px
}
Legent
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000;
border: #000000;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}



textarea {
    border-top : 1px solid #000000;
    border-bottom : 1px solid #000000;
    border-left : 1px solid #000000;
    border-right : 1px solid #000000;
}
</style>
Avatar billede krn Nybegynder
09. maj 2001 - 09:34 #4
Halfblind--><--Hvad er forskelen fra dit svar og mit?
Han bad om alle input tags, det HAR jeg givet ham!
Avatar billede halfblind Nybegynder
09. maj 2001 - 09:36 #5
slap nu af......
så ikke dit sidste svar....modtager jo mail hver minut, og som du kan se er tidsforskellen på dit og mit svar 54 sek...

utroligt
Avatar billede killifish Nybegynder
09. maj 2001 - 10:43 #6
forskellen er at halfblind også har border styles med. En meget dejlig ting at vide. desuden er hans kode meget lettere at læse og dermed også forstå.
Avatar billede krn Nybegynder
09. maj 2001 - 11:07 #7
Halfblind--><--Sorry! min fejl...har også lavet nogen af den slags...
Avatar billede halfblind Nybegynder
09. maj 2001 - 11:09 #8
:-)
Avatar billede krn Nybegynder
09. maj 2001 - 11:09 #9
Kill--><--Er det sådan du vil have koden ?


<style>
input {
    color: 000000;
    background-color: FFFFFF;
    font-family: verdana;
}
textarea{
    color: 000000;
    background-color: FFFFFF;
    font-family: verdana;
}
select{
    color: 000000;
    background-color: FFFFFF;
    font-family: verdana;
}
</style>
Avatar billede killifish Nybegynder
09. maj 2001 - 14:12 #10
Jeg ved sgu godt hvordan man stiller en css fil op, men for en nybegynder er det lettere at overskue på den måde :o)
Avatar billede olebole Juniormester
10. maj 2001 - 09:16 #11
<ole>
I mangler bredden på elementerne - en ting, der ofte er brug for at sætte. Brug f.eks: \'width:100px\' ved hvert element i style-sheet\'et. HUSK dog også at skrive bredden som alm.  property ved select\'s:
    <select width=\"100px\">
Det tilfredsstiller NS4.x, så man også her kan sætte bredden på en select...noget mange ikke ved er muligt. Desværre virker det ikke på Mac, men vist nok kun under Windows.
/mvh
</bole>
Avatar billede krn Nybegynder
10. maj 2001 - 11:34 #12
Bole--><--Hvad så hvis der er en select der er bredere end 100px?
Så viser den kun noget af det, og hvor fedt er det?

Der skal ikke meget til at overskrive 100!!!

Mvh Kristian
Avatar billede olebole Juniormester
10. maj 2001 - 11:49 #13
*ROTFLMAO*  Ja, nu har brugere her på Eksperten skreeeeeget på hjælp til at sætte en fast bredde på en select i meget lang tid. Når man så serverer den på et sølvfad, er det naturligvis også galt...!

Det er faktisk kanon-fedt - det vil du opdage, når du på et tidspunkt når til at gå op i et godt design...indtil da, kan du jo bare gøre, som du plejer  :o)
Hvis du plejer at lave meget lange selects, har du jo mulighed for at skrive: \'width=\"200000px\"\' - eller hvad som helst derimellem  :oD
/mvh
Avatar billede conrad Nybegynder
10. maj 2001 - 23:04 #14
Tak for hjælpen alle sammen :)
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