[CSS] enkel invoervelden definieren van INPUT

[Verwijderd]

hoi,

ik zit met een probleempje in CSS. Ik wil alle invoervelden van een bepaalde table een CSS-layout geven vb.:

.tbl_input input {
border:1px solid #FFCC00;
}

maar ik wil dit enkel voor de invoervelden doen, niet voor de checkboxen, select enz...
hoe kan ik dit doen?? Of moet ik toch maar een class aanroepen op elk invoerveld?

thx

[djluc]

iets als input:text o.i.d.

[Verwijderd]

Verwijderd schreef op woensdag 05 oktober 2005 @ 21:27:

Of moet ik toch maar een class aanroepen op elk invoerveld?

Dat werkt wel het best ja.

[Verwijderd]

djluc schreef op woensdag 05 oktober 2005 @ 22:04:
iets als input:text o.i.d.

nope, werkt niet

[equationunequal]

Van google:

CSS2 [CSS2 Selectors] has provisions for selecting elements based on their
attributes.

For what you're after, you could do this:

input[type="text"] {} //selects all inputs of type "text"

input[type="button"] {} //'' of type "button"

input[type="image"] {} //'' of type "image"

Unfortunately, based on WestCiv's browser support graph [BrowserSupport],
only Moz ?+, Netscape 6+, and Opera 5+ support attribute selectors.

Momenteel kan dat dus nog niet (iig niet cross-browser). Je zult toch gebruik moeten maken van classes...

[ Voor 13% gewijzigd door equationunequal op 05-10-2005 22:11 ]

[crisp]

Voor IE zou je nog een expression kunnen gebruiken:

HTML:

<!--[if IE]>
<style type="text/css">

input {
    border: expression(this.type=='text'?'10px solid red':'inherit');
}

</style>
<![endif]-->