CSS :: после с помощью :: выделения?

#html #css

#HTML #css

Вопрос:

Я пытаюсь написать такой селектор, но безуспешно:

 .something::after::selection

В принципе, я уже использую ::after для ввода некоторого содержимого, а именно изображения. Но я хочу, чтобы пользователь не мог «выбрать» это изображение и получить уродливую синюю заднюю тень.

Обычно я могу предотвратить это следующим образом:

 .something::selection
{
    background-color: transparent;
}

Но, похоже, это плохо сочетается с ::after .

Кто-нибудь пробовал это раньше или у вас есть решение?

1. какой браузер? chrome, похоже, предотвращает выделение по умолчанию.

2. Я использую chrome, но он позволяет мне выбирать.

3. @corsen: Можете ли вы создать тестовый пример в jsfiddle.net ? Также на какой версии Chrome вы используете?

4. Я не могу воспроизвести в JSfiddle, используя только текст, и я не уверен, как использовать его с изображением.

5. @corsen: Разместите изображение где-нибудь и укажите ссылку на его URL-адрес на панели CSS скрипки.

Ответ №1:

Нет, в firefox я на 100% уверен, что вы не можете изменить этот эффект для выбранных изображений, зависит от системы и пока не настраивается

* отредактировано

Ответ №2:

Чтобы предотвратить выделение изображений, вы можете использовать следующий css:

 img { 
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none; 
}

Также смотрите Обновленный jsfiddle .

С ::after помощью этого jsfiddle.