css style - formatering af alle text bokse.. hvad hedder det`?

input[type=text]

Se også:
http://www.eksperten.dk/spm/385774

der bliver der sat en class som jeg helst vil undgå.

hvis det er sådan du mener virker det ikke:

input[type=text]{
    border-left : 0px solid #CCCCCC;
    border-right : 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

du skriver

.myinput{
    border-left : 0px solid #CCCCCC;
    border-right : 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

og i alle textarea, sel, osv laver du en class=myinput

ville, som jeg sagde i ovenstående besked, helst undgå at sætte classes på dem hver gang.

kan det ikke lade sig gøre ligesom med radio.input { } hvor det kun er radio buttons det berøre`?

men ellers bare input istedet for input[type=text]

dvs

input{
    border-left : 0px solid #CCCCCC;
    border-right : 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

og vist nok

select{
    border-left : 0px solid #CCCCCC;
    border-right : 0px solid #CCCCCC;
    border-top: 0px solid #CCCCCC;
    border-bottom: 0px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

men synes at den med at lave en class selv er bedre, da den kun behøver at være anført en gang i css filen, og så man referer til den class i alle textareas osv :)

okay :)

input ændrer på alle input bokse som jo er, radio, textarea, text osv.
jeg er ude efter en seperat formatering af dem alle.. select dutter ikke.

jo selecten dur.. men mangler stadigvæk den med text..

det er denne her boks jeg vil formatere..
<input name="fornavn" type="text" id="fornavn2" value="<? print $row[fornavn];?>">

ville ikke sætte classe eller id's..

vil ikke skulle skrive det hver gang jeg opretter en ny boks.
skal være ligesom med select,textarea og radio,input.

Har du mulighed for at sætte en <div style="..."> ... </div> uden om hele
siden? Ved ikke om det vil virke... :o|

>>gregorian

Desværre overholder M$ heller ikke her standarden, det virker ellers ganske udmærket med attibute-selectors i Mozilla ...

Du kan se her hvordan standarden er: http://www.w3.org/TR/REC-CSS2/selector.html#attribute-selectors

-- men det hjælper desværre ikke så meget, så jeg er bange for, at du må til den med classes -- du kan jo så gøre det lidt nemt ved at bruge et className som er det samme som type !-)

jeg har jo mange sider hvor disse text bokse skal formateres på, så det skal kun indebære min style.css fil.

hvordan skal jeg så benytte "input[type=text]"

??

vel der er vel ikek en anden vej udenom så.. øvv

men hvis du skriver input { bla bla }

og stadig har radio.input, så blir de jo overskrevet .. så  radio har dens egen osv ..

ville ønske det gjorde..

text.input {
    border-left : 10px solid #CCCCCC;
    border-right : 10px solid #CCCCCC;
    border-top: 10px solid #CCCCCC;
    border-bottom: 10px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}
ingen effekt overhovedet!

Forøvrigt kan det være du kan få noget ud af css-arv:

sætte et element udenom en gruppe inputs, som skal have den samme style og så skrive:
.deblaa input{
color:#00f;
}
.derode input{
color:#f00;
}

du misforstod mig gregorian ..


radio.input {
    border-left : 10px solid #CCCCCC;
    border-right : 10px solid #CCCCCC;
    border-top: 10px solid #CCCCCC;
    border-bottom: 10px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

input {
    border-left : 50px solid #CCCCCC;
    border-right : 50px solid #CCCCCC;
    border-top: 50px solid #CCCCCC;
    border-bottom: 50px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

med det der .. vil fx radio knapper ikke have effekt af kun input, da der er deklareret en radio.input .. det jeg mener er hvis du laver textarea, select, radio.input, checkbox.input osv .. så gælder selve input kun for textbokse og password bokse

kan ikke få alle sammen til at virke:
der er skrevet hvilke der virker.

/* virker */
radio.input {
    border-left : 1px solid #CCCCCC;
    border-right : 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}
text.input {
    border-left : 10px solid #CCCCCC;
    border-right : 10px solid #CCCCCC;
    border-top: 10px solid #CCCCCC;
    border-bottom: 10px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}
/* virker */
textarea.input {
    border-left : 1px solid #CCCCCC;
    border-right : 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}
select {
    border-left : 1px solid #CCCCCC;
    border-right : 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    font-family: Verdana;
    font-size: 10 px;
    color: 666666;
}

tt

tt