Avatar billede foxwell Nybegynder
01. december 2002 - 14:25 Der er 1 kommentar og
1 løsning

formatering af <INPUT> tag

Hej Eksperter,

jeg vil gerne have at mine <INPUT TYPE="text"> felter har en massiv sort kasse rundt om sig. Normalt ville jeg gøre dette med en CLASS:

.textfield {
font-family: Verdana, Arial, Helvetica,
font-size: 10px;
font-style: normal;
font-weight: normal;
background-color: #FFFFFF;
border: 1px;
border-style: solid;
border-color: black;
color: black;
cursor: text;
}

Det forekommer mig dog som temmeligt besværligt at skulle sætte class'erne ind alle steder i koden (jeg skriver i hånden), så jeg prøvede følgende:

input {
font-family: Verdana, Arial, Helvetica,
font-size: 10px;
font-style: normal;
font-weight: normal;
background-color: #FFFFFF;
border: 1px;
border-style: solid;
border-color: black;
color: black;
cursor: text;
}

det virker til dels, bortset fra at jeg nu har sorte kasser rundt om alle mine checkboxes og radiobuttons, hvilket ikke ser spor fedt ud...

jeg kunne selvfølgelig modarbejde denne egenskab på følgende måde:

<INPUT TYPE="checkbox" NAME="promote" VALUE="1" STYLE="width:20;border:0;cursor:hand">

men det er jo mindst lige så besværligt som at bruge det først nævnte classer...

er der nogen der har en bedre løsning? findes der pseudo-classer for de forskellige former for INPUT tags (text,radio,password,file, etc.)?

på forhånd tak! =)

//foxwell
Avatar billede hells Nybegynder
01. december 2002 - 19:22 #1
der er en anden løsning i css2-standarden:
input[type="text"] {
style
}
som du kan se beskrevet her:
http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors

desværre er det ikke særligt nyttigt at bruge denne metode, da microsoft ikke vil understøtte standarden.
Avatar billede olebole Juniormester
21. december 2002 - 18:13 #2
<ole>

Hvis du skriver i hånden, har du jo to fødder fri til at skrive klasser med  :D
Du kunne jo bruge 'Søg og Erstat' i din editor ... så er det klaret på 10 sekunder pr. side.

/mvh  *<|:o)
</bole>
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