Белый текст на синем фоне?

Question

[szQocks]

Можно ли блоку задать какой-либо фильтр, что бы любые элементы или любой текст на этом фоне - был белым цветом? Или какие-либо фильтры для блока с текстом, что бы пол текста всегда был белым ?

Answer 1

[Stalker_RED]

.foo {
  background-color: blue;
  color: white;
}

Но конечно, стили с большей специфичностью победят.

Comments

[szQocks]

Фильтры мне нужны...

[szQocks]

Что-то в этом духе https://jsfiddle.net/zL2jd6ao/

с лева псевдоэлемент должен быть примерно синий а текст на нём белый

Answer 2

[cheugy psyops]

.tekst-sboku {
    filter:  brightness(0) invert(1);
}

Comments

[szQocks]

если текст будет внутри этого блока то всё работает , а если текст тупо будет на фоне этого блока то не то... пробовал уже это

Есть идеи как сделать псевдоэлемент синим цветом но что бы так же текст остался белый? Можно и не обязательно псевдоэлементом , можно отдельный блок...
https://jsfiddle.net/L52eqf1y/
https://jsfiddle.net/L52eqf1y/1/