Как изменить цвет выделения для изображений?

Question

[Дмитрий Подабед]

html {
    text-align: center;
    background: #f4f4f4;
    color: #0a0a0a;
}

*::-webkit-selection {
    background: #0a0a0a;
    color: #f4f4f4;
}

*::-moz-selection {
    background: #0a0a0a;
    color: #f4f4f4;
}

*::-ms-selection {
    background: #0a0a0a;
    color: #f4f4f4;
}

*::-o-selection {
    background: #0a0a0a;
    color: #f4f4f4;
}

*::selection {
    background: #0a0a0a;
    color: #f4f4f4;
}

img {
    padding: 2em 2em;
    width: 3em;
    display: inline-block;
}

Собственно, текст теперь выделяется как и задумано (инвертируется), а изображения по-прежнему голубоватым цветом с артефактами чёрного. Куда копать?

Answer 1

[Виктор Новиков]

Проблемы выделения в конкретном браузере?
У меня и картинка и текст выделяются серым. Google Chrome

На моей памяти, с изменением цвета выделения по отношению к картинкам, были проблемы у Firefox

codepen.io/anon/pen/BLWKad

Comments

[Дмитрий Подабед]

Да, вы правы.