Avatar billede foxwell Nybegynder
20. januar 2003 - 18:22 Der er 13 kommentarer og
1 løsning

border på textfield

Hej Experter,

jeg har lavet lidt css som ændrer kanten på et textfelt. Når jeg laver det som 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;
}

) er der ingen problemer, men jeg gider da for helvede ikke at sætte en class ind i koden hver gang jeg har et textfelt - så kan det da være lige meget med CSS...

jeg ville gerne lavet det så det skete automatisk, og har haft delvist held med dette:

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;
}

men så opstår problemet. andre former for INPUT tags (især checkboxes) får også en sort kant, og det vil jeg ikke have. kan det lade sig gøre at fortælle CSS at den ovenstående kode KUN gælder for <INPUT TYPE="text"> og ikke de andre?

//foxwell
Avatar billede medions Nybegynder
20. januar 2003 - 18:24 #1
<INPUT TYPE="text" style="border: #000000 1px solid;">

//>Rune
Avatar billede websurfer Nybegynder
20. januar 2003 - 18:27 #2
Det tror jeg ikke du kan, er det så svært at skrive class="textfield" ved hvert tekstfelt?
Avatar billede foxwell Nybegynder
20. januar 2003 - 18:28 #3
Rune> ellers tak, det er endnu mere tåbeligt end en class, og løser i hvert fald ikke mit problem

("...er der ingen problemer, men jeg gider da for helvede ikke at sætte en class ind i koden hver gang jeg har et textfelt - så kan det da være lige meget med CSS...")
Avatar billede foxwell Nybegynder
20. januar 2003 - 18:29 #4
websurfer> ikke specielt besværligt, bare lidt irriterende... det er selvfølgelig bedre end at lave inline styles (som rune) men jeg håber bare at det ikke er nødvendigt i dette tilfælde, selvom jeg ikke har haft held med at finde noget om emnet rundt omkring på nettet...
Avatar billede callesen Praktikant
20. januar 2003 - 18:30 #5
Jamen så lav da en class til dine checkboxe uden border.
Avatar billede foxwell Nybegynder
20. januar 2003 - 18:31 #6
callesen> hehehe er det ikke det samme som at lave en class til mine textfields *med* border? =)
Avatar billede websurfer Nybegynder
20. januar 2003 - 18:35 #7
callesen> Jo, ærlig talt, det var vist ikke helt gennemtænkt det der
Avatar billede websurfer Nybegynder
20. januar 2003 - 18:38 #8
foxwell> Med css kan du kun definere styles for html-tags, dvs. f.eks. INPUT, som du selv har prøvet, men altså ikke INPUT TYPE="text". Så jeg tror du er nødt til at lave en class.
Avatar billede foxwell Nybegynder
20. januar 2003 - 18:44 #9
fair nok, det var også det jeg mente men kunne jo være jeg tog fejl =) points til websurfer for fornuftigt svar! (men jeg vil have dem igen hvis jeg finder ud af at det kan lade sig gøre!) ;-)
Avatar billede hells Nybegynder
20. januar 2003 - 18:44 #10
der er følgende løsning i CSS2 standarden:
input[type="text"] {
style
}

dokumentation:
http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors

men den er ikke til stor nytte, da microsoft ikke har udviklet internet explorer til at undestøtte denne mulighed.
Avatar billede websurfer Nybegynder
20. januar 2003 - 18:51 #11
foxwell> Jeg er heller ikke helt sikker, så du skal nok få dem igen hvis du løser problemet, men det kan jo være at det kommer engang, som hells skriver ved hjælp af css2.
Avatar billede foxwell Nybegynder
20. januar 2003 - 18:54 #12
websurfer> det var jo bare for sjov =) men det ser ud til at CSS2 er lige hvad jeg har brug for! hvorfor har de ikke implementeret det endnu? er det ikke udviklet at W3C?
Avatar billede callesen Praktikant
20. januar 2003 - 20:40 #13
Foxwell & websurfer>> Hvem påstår, at det jeg skriver er gennemtænkt - den mistanke/forventning har jeg da aldrig været ude for før ;-?

Men hvor svært kan det være fx. at lave en søg og erstat i dokumentet eller mange dokumenter for den sags skyld, hvor man søger TYPE="checkbox" og erstatter med TYPE="checkbox" STYLE="border:0px;"
Avatar billede callesen Praktikant
20. januar 2003 - 20:45 #14
websurfer>> hvordan hænger citat:
callesen> Jo, ærlig talt, det var vist ikke helt gennemtænkt det der
&
Så jeg tror du er nødt til at lave en class.

Som kommentar til mit:
Jamen så lav da en class til dine checkboxe uden border

Jeg prøver at tænke det igennem!
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