::-moz-color-swatch

This translation is incomplete. Please help translate this article from English

No estándar
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

El ::-moz-color-swatch pdseudo-elemento CSS es una extension de Mozilla que representa el color seleccionado en un <input> de type="color".

Nota: Usando ::-moz-color-swatch con cualquier cosa excepto <input type="color"> no concuerda con nada y no tiene efecto.

Sintaxis

Syntax not found in DB!

Ejemplo

HTML

<input type="color" value="#de2020" />

CSS

input[type=color]::-moz-color-swatch {
  border-radius: 10px;
  border-style: none;
}

Resultado

Especificaciones

No es parte de ninguna especificacion. Es un pseudo-elemento patentado específicamente para Gecko.

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
::-moz-color-swatch
No estándar
Chrome Sin soporte NoEdge Sin soporte NoFirefox Soporte completo 27IE Sin soporte NoOpera Sin soporte NoSafari Sin soporte NoWebView Android Sin soporte NoChrome Android Sin soporte NoFirefox Android Soporte completo 27Opera Android Sin soporte NoSafari iOS Sin soporte NoSamsung Internet Android Sin soporte No

Leyenda

Soporte completo  
Soporte completo
Sin soporte  
Sin soporte
No estandar . Esperar poco soporte entre navegadores.
No estandar . Esperar poco soporte entre navegadores.

Ver tambien

  • Pseudo-elementos similares usados por otros buscadores:
Temas relacionados
  1. CSS
  2. Referencia CSS
  3. CSS Selectors
  4. Guías
    1. Usando la pseudo-clase :target en selectores
  5. Propiedades
    1. Selector list [Traducir]
  6. Basic Selectors
    1. Selectores de tipo
    2. Selectores de clase
    3. Selectores de ID
    4. Selectores universales
    5. Selectores de atributo
  7. Combinators
    1. Selectores de hermanos adyacentes
    2. Selectores de hermanos generales
    3. Selectores de hijo
    4. Los selectores descendientes
    5. Column combinator [Traducir]
  8. Pseudo-classes
    1. :active
    2. :any-link
    3. :checked
    4. :blank
    5. :default
    6. :defined
    7. :dir()
    8. :disabled
    9. :empty
    10. :enabled
    11. :first
    12. :first-child
    13. :first-of-type
    14. :fullscreen
    15. :focus
    16. :focus-visible [Traducir]
    17. :focus-within
    18. :has
    19. :host() [Traducir]
    20. :host-context() [Traducir]
    21. :hover
    22. :indeterminate
    23. :in-range
    24. :invalid
    25. :is() (:matches(), :any()) [Traducir]
    26. :lang
    27. :last-child
    28. :last-of-type
    29. :left
    30. :link
    31. :not()
    32. :nth-child
    33. :nth-last-child
    34. :nth-last-of-type()
    35. :nth-of-type
    36. :only-child
    37. :only-of-type
    38. :optional
    39. :out-of-range
    40. :placeholder-shown
    41. :read-only
    42. :read-write
    43. :required
    44. :right
    45. :root
    46. :scope [Traducir]
    47. :target
    48. :valid
    49. :visited
    50. :where() [Traducir]
  9. Pseudo-elements
    1. ::-moz-progress-bar
    2. ::-moz-range-progress
    3. ::-moz-range-thumb
    4. ::-moz-range-track
    5. ::-ms-browse
    6. ::-ms-check
    7. ::-ms-clear
    8. ::-ms-expand
    9. ::-ms-fill
    10. ::-ms-fill-lower
    11. ::-ms-fill-upper
    12. ::-ms-reveal
    13. ::-ms-thumb
    14. ::-ms-ticks-after
    15. ::-ms-ticks-before [Traducir]
    16. ::-ms-tooltip [Traducir]
    17. ::-ms-track
    18. ::-ms-value
    19. ::-webkit-progress-bar
    20. ::-webkit-progress-value
    21. ::-webkit-slider-runnable-track
    22. ::-webkit-slider-thumb
    23. ::after (:after)
    24. ::backdrop
    25. ::before (:before)
    26. ::cue [Traducir]
    27. ::cue-region [Traducir]
    28. ::first-letter (:first-letter)
    29. ::first-line (:first-line)
    30. ::grammar-error [Traducir]
    31. ::marker
    32. ::part() [Traducir]
    33. ::placeholder
    34. ::selection
    35. ::slotted() [Traducir]
    36. ::spelling-error