inverser la couleur en utilisant css

HTML

inverted color

CSS

 div { background-color: #f00; } p { color: /* how to use inverted color here in relation with div background ? */ } 

Est-il possible d’inverser la couleur p avec css?

Il y a la color: transparent; pourquoi pas color: invert; même en CSS3?

Ajoutez la même couleur de l’arrière-plan au paragraphe, puis inversez-la avec CSS3:

 div { background-color: #f00; } p { color: #f00; -webkit-filter: invert(100%); filter: invert(100%); } 

Je pense que la seule façon de gérer cela est d’utiliser JavaScript

Essayez ceci Inverser la couleur du texte d’un élément spécifique

Si vous faites cela avec css3, il est uniquement compatible avec les versions de navigateur les plus récentes.