--- title: Compatibiliteitstabel voor formulierelementen slug: Compatibiliteitstabel_voor_formulierelementen translation_of: Learn/Forms/Property_compatibility_table_for_form_controls ---
De volgende compatibiliteitstabellen trachten een samenvatting te geven van CSS-ondersteuning voor HTML-formulieren. Door de complexiteit van CSS en HTML kunnen deze tabellen niet als volledig beschouwd worden. Zij geven echter een goed inzicht in wat wel en wat niet mogelijk is.
Voor elke eigenschap zijn er vier mogelijke waarden:
Elke eigenschap wordt op twee manieren weergegeven:
* {
/* Schakelt het klassieke uiterlijk en aanvoelen uit bij WebKit gebaseerde browsers */
-webkit-appearance: none;
/* Schakelt het klassieke uiterlijk en aanvoelen uit bij Gecko gebaseerde browsers */
-moz-appearance: none;
/* Schakelt het klassieke uiterlijk en aanvoelen uit bij diverse browsers met inbegrip
van Opera, Internet Explorer en Firefox */
background: none;
}
Sommige eigenschappen gedragen zich in het algemeen hetzelfde over de diverse browsers:
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Gedeeltelijk[1][2] | Ja |
|
| {{cssxref("border")}} | Gedeeltelijk[1][2] | Ja |
|
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Gedeeltelijk[1][2] | Ja |
|
| Tekst en font | |||
| {{cssxref("color")}}[1] | Ja | Ja |
|
| {{cssxref("font")}} | Ja | Ja | Zie de nota over {{cssxref("line-height")}} |
| {{cssxref("letter-spacing")}} | Ja | Ja | |
| {{cssxref("text-align")}} | Ja | Ja | |
| {{cssxref("text-decoration")}} | Gedeeltelijk | Gedeeltelijk | Zie nota betreffende Opera |
| {{cssxref("text-indent")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("text-overflow")}} | Gedeeltelijk | Gedeeltelijk | |
| {{cssxref("text-shadow")}} | Gedeeltelijk | Gedeeltelijk | |
| {{cssxref("text-transform")}} | Ja | Ja | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Gedeeltelijk[1] | Ja |
|
| {{cssxref("border-radius")}} | Gedeeltelijk[1][2] | Ja |
|
| {{cssxref("box-shadow")}} | Neen | Gedeeltelijk[1] |
|
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Gedeeltelijk[1] | Ja |
|
| {{cssxref("border")}} | Gedeeltelijk | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Gedeeltelijk[1] | Ja |
|
| Tekst en font | |||
| {{cssxref("color")}} | Ja | Ja | |
| {{cssxref("font")}} | Ja | Ja | Zie nota over {{cssxref("line-height")}}. |
| {{cssxref("letter-spacing")}} | Ja | Ja | |
| {{cssxref("text-align")}} | Neen | Neen | |
| {{cssxref("text-decoration")}} | Gedeeltelijk | Ja | |
| {{cssxref("text-indent")}} | Ja | Ja | |
| {{cssxref("text-overflow")}} | Neen | Neen | |
| {{cssxref("text-shadow")}} | Gedeeltelijk | Gedeeltelijk | |
| {{cssxref("text-transform")}} | Ja | Ja | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Ja | Ja | |
| {{cssxref("border-radius")}} | Ja[1] | Ja[1] |
|
| {{cssxref("box-shadow")}} | Neen | Partial[1] |
|
Bij browsers die het number element gebruiken is er geen standaard manier om de stijl van de spinner, die de waarde van het veld aanpast, te wijzigen. Noteer dat bij Safari de spinner buiten het veld staat.
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("border")}} | Ja | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| Tekst en font | |||
| {{cssxref("color")}} | Ja | Ja | |
| {{cssxref("font")}} | Ja | Ja | Zie nota over {{cssxref("line-height")}}. |
| {{cssxref("letter-spacing")}} | Ja | Ja | |
| {{cssxref("text-align")}} | Ja | Ja | |
| {{cssxref("text-decoration")}} | Gedeeltelijk | Gedeeltelijk | |
| {{cssxref("text-indent")}} | Ja | Ja | |
| {{cssxref("text-overflow")}} | Neen | Neen | |
| {{cssxref("text-shadow")}} | Gedeeltelijk | Gedeeltelijk | |
| {{cssxref("text-transform")}} | N.V.T. | N.V.T. | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Neen | Neen |
Wordt ondersteund maar er is te weinig consistentie tussen browsers om betrouwbaar te zijn. |
| {{cssxref("border-radius")}} | Neen | Neen | |
| {{cssxref("box-shadow")}} | Neen | Neen | |
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Neen[1] | Neen[1] |
|
| {{cssxref("height")}} | Neen[1] | Neen[1] |
|
| {{cssxref("border")}} | Neen | Neen | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Neen | Neen | |
| Text and font | |||
| {{cssxref("color")}} | N.V.T. | N.V.T. | |
| {{cssxref("font")}} | N.V.T. | N.V.T. | |
| {{cssxref("letter-spacing")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-align")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-decoration")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-indent")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-overflow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-shadow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-transform")}} | N.V.T. | N.V.T. | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Neen | Neen | |
| {{cssxref("border-radius")}} | Neen | Neen | |
| {{cssxref("box-shadow")}} | Neen | Neen | |
Firefox voorziet geen mogelijkheid om het selectiepijltje van het {{HTMLElement("select")}} element te wijzigen.
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("height")}} | Neen | Ja | |
| {{cssxref("border")}} | Gedeeltelijk | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Neen[1] | Gedeeltelijk[2] |
|
| Tekst en font | |||
| {{cssxref("color")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("font")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("letter-spacing")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("text-align")}} | Neen[1] | Neen[1] |
|
| {{cssxref("text-decoration")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("text-indent")}} | Gedeeltelijk[1][2] | Gedeeltelijk[1][2] |
|
| {{cssxref("text-overflow")}} | Neen | Neen | |
| {{cssxref("text-shadow")}} | Gedeeltelijk[1][2] | Gedeeltelijk[1][2] |
|
| {{cssxref("text-transform")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| Rand en achtergrond | |||
| {{cssxref("background")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("border-radius")}} | Gedeeltelijk[1] | Gedeeltelijk[1] | |
| {{cssxref("box-shadow")}} | Neen | Gedeeltelijk[1] | |
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Ja | Ja | |
| {{cssxref("border")}} | Ja | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| Tekst en font | |||
| {{cssxref("color")}} | Ja | Ja | |
| {{cssxref("font")}} | Ja | Ja | Zie de nota betreffende {{cssxref("line-height")}}. |
| {{cssxref("letter-spacing")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("text-align")}} | Neen[1] | Neen[1] |
|
| {{cssxref("text-decoration")}} | Neen[1] | Neen[1] |
|
| {{cssxref("text-indent")}} | Neen | Neen | |
| {{cssxref("text-overflow")}} | Neen | Neen | |
| {{cssxref("text-shadow")}} | Neen | Neen | |
| {{cssxref("text-transform")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| Rand en achtergrond | |||
| {{cssxref("background")}} | Ja | Ja | |
| {{cssxref("border-radius")}} | Ja[1] | Ja[1] |
|
| {{cssxref("box-shadow")}} | Neen | Gedeeltelijk[1] |
|
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Neen | Neen | |
| {{cssxref("height")}} | Neen | Neen | |
| {{cssxref("border")}} | Neen | Neen | |
| {{cssxref("margin")}} | Neen | Neen | |
| {{cssxref("padding")}} | Neen | Neen | |
| Tekst en font | |||
| {{cssxref("color")}} | Neen | Neen | |
| {{cssxref("font")}} | Neen | Neen | |
| {{cssxref("letter-spacing")}} | Neen | Neen | |
| {{cssxref("text-align")}} | Neen | Neen | |
| {{cssxref("text-decoration")}} | Neen | Neen | |
| {{cssxref("text-indent")}} | Neen | Neen | |
| {{cssxref("text-overflow")}} | Neen |
Neen |
|
| {{cssxref("text-shadow")}} | Neen | Neen | |
| {{cssxref("text-transform")}} | Neen | Neen | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Neen | Neen | |
| {{cssxref("border-radius")}} | Neen | Neen | |
| {{cssxref("box-shadow")}} | Neen | Neen | |
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Neen | Neen | |
| {{cssxref("height")}} | Neen | Neen | |
| {{cssxref("border")}} | Neen | Neen | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Neen | Neen | |
| Tekst en font | |||
| {{cssxref("color")}} | Ja | Ja | |
| {{cssxref("font")}} | Neen[1] | Neen[1] |
|
| {{cssxref("letter-spacing")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("text-align")}} | Neen | Neen | |
| {{cssxref("text-decoration")}} | Neen | Neen | |
| {{cssxref("text-indent")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("text-overflow")}} | Neen | Neen | |
| {{cssxref("text-shadow")}} | Neen | Neen | |
| {{cssxref("text-transform")}} | Neen | Neen | |
| Border and background | |||
| {{cssxref("background")}} | Neen[1] | Neen[1] |
|
| {{cssxref("border-radius")}} | Neen | Neen | |
| {{cssxref("box-shadow")}} | Neen | Gedeeltelijk[1] |
|
Vele eigenschappen worden ondersteund maar er is te weinig consistentie over de verschillende browsers om betrouwbaar te zijn.
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Neen | Neen | |
| {{cssxref("height")}} | Neen | Neen | |
| {{cssxref("border")}} | Neen | Neen | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Neen | Neen | |
| Tekst en font | |||
| {{cssxref("color")}} | Neen | Neen | |
| {{cssxref("font")}} | Neen | Neen | |
| {{cssxref("letter-spacing")}} | Neen | Neen | |
| {{cssxref("text-align")}} | Neen | Neen | |
| {{cssxref("text-decoration")}} | Neen | Neen | |
| {{cssxref("text-indent")}} | Neen | Neen | |
| {{cssxref("text-overflow")}} | Neen | Neen | |
| {{cssxref("text-shadow")}} | Neen | Neen | |
| {{cssxref("text-transform")}} | Neen | Neen | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Neen | Neen | |
| {{cssxref("border-radius")}} | Neen | Neen | |
| {{cssxref("box-shadow")}} | Neen | Neen | |
Er zijn op het ogenblik te weinig toepassingen om een betrouwbaar gedrag te vast te stellen.
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Neen[1] | Ja |
|
| {{cssxref("border")}} | Ja | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Neen[1] | Ja |
|
| Tekst en font | |||
| {{cssxref("color")}} | N.V.T. | N.V.T. | |
| {{cssxref("font")}} | N.V.T. | N.V.T. | |
| {{cssxref("letter-spacing")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-align")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-decoration")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-indent")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-overflow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-shadow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-transform")}} | N.V.T. | N.V.T. | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Neen[1] | Neen[1] |
|
| {{cssxref("border-radius")}} | Neen[1] | Neen[1] | |
| {{cssxref("box-shadow")}} | Neen[1] | Neen[1] | |
Er zijn op het ogenblik te weinig toepassingen om een betrouwbaar gedrag te vast te stellen.
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Ja | Ja | |
| {{cssxref("border")}} | Gedeeltelijk | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Ja | Gedeeltelijk[1] |
|
| Tekst en font | |||
| {{cssxref("color")}} | N.V.T. | N.V.T. | |
| {{cssxref("font")}} | N.V.T. | N.V.T. | |
| {{cssxref("letter-spacing")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-align")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-decoration")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-indent")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-overflow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-shadow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-transform")}} | N.V.T. | N.V.T. | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Neen[1] | Neen[1] |
|
| {{cssxref("border-radius")}} | Neen[1] | Neen[1] | |
| {{cssxref("box-shadow")}} | Neen[1] | Neen[1] | |
Er is geen standaard manier om de stijl van het handvat van het bereik te veranderen en Opera laat helemaal geen wijziging toe van de standaard stijl.
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("border")}} | Neen | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Gedeeltelijk[1] | Ja |
|
| Tekst en font | |||
| {{cssxref("color")}} | N.V.T. | N.V.T. | |
| {{cssxref("font")}} | N.V.T. | N.V.T. | |
| {{cssxref("letter-spacing")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-align")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-decoration")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-indent")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-overflow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-shadow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-transform")}} | N.V.T. | N.V.T. | |
| Border and background | |||
| {{cssxref("background")}} | Neen[1] | Neen[1] |
|
| {{cssxref("border-radius")}} | Neen[1] | Neen[1] | |
| {{cssxref("box-shadow")}} | Neen[1] | Neen[1] | |
| Eigenschap | N | A | Nota |
|---|---|---|---|
| CSS box model | |||
| {{cssxref("width")}} | Ja | Ja | |
| {{cssxref("height")}} | Ja | Ja | |
| {{cssxref("border")}} | Ja | Ja | |
| {{cssxref("margin")}} | Ja | Ja | |
| {{cssxref("padding")}} | Ja | Ja | |
| Tekst en font | |||
| {{cssxref("color")}} | N.V.T. | N.V.T. | |
| {{cssxref("font")}} | N.V.T. | N.V.T. | |
| {{cssxref("letter-spacing")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-align")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-decoration")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-indent")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-overflow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-shadow")}} | N.V.T. | N.V.T. | |
| {{cssxref("text-transform")}} | N.V.T. | N.V.T. | |
| Rand en achtergrond | |||
| {{cssxref("background")}} | Ja | Ja | |
| {{cssxref("border-radius")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|
| {{cssxref("box-shadow")}} | Gedeeltelijk[1] | Gedeeltelijk[1] |
|