CSS приклад: Псевдоэлемент ::-moz-selection

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
1.0+

Коротка інформація

Опис

Псевдоелемент ::-moz-selection застосовується до виділеного користувачем фрагменту документа. У правилах стилів можна використовувати лише наступні властивості: color, background і background-color.

::-moz-selection є нестандартним псевдоелементом і підтримується лише браузером Firefox починаючи з версії 1.0.

Синтаксис

елемент::-moz-selection { ... }

Значення

Немає.

Приклад

HTML5CSS2.1CSS3IECrOpSaFx

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
  <title>-moz-selection</title>
  <style>
   p::-moz-selection {
    color: #ffe; /* Цвет текста */
    background: #000080; /* Цвет фона */
   }
  </style>
 </head>
 <body>
  <p>Пёс их знает бродяг, для какой они пользы, бродяги?</p>
  <p>По каким по таким ордерам принимать их в расчёт?</p>
  <p>В чём желательно было бы с ними сойтись? В чём не стоит?</p>
  <p>Да и есть ли они вообще? Кто их видел, бродяг? </p>
 </body>
</html>

Результат прикладу показаний на рис. 1. У цьому прикладі під час виділення тексту він змінює свій колір та фон.

Псевдоелемент ::-moz-selection допомагає в стилізації виділеного тексту в браузері Firefox.

Псевдоелементи

Часті запитання

  • Q: Як використовувати псевдоелемент ::-moz-selection в CSS?

    A: Псевдоелемент ::-moz-selection використовується для стилізації виділеного тексту в браузері Firefox. Можна задати стилі для виділеного тексту, такі як колір тексту, фон, шрифт тощо.

  • Q: Чи підтримує інший браузер, окрім Firefox, псевдоелемент ::-moz-selection?

    A: Ні, псевдоелемент ::-moz-selection є пропрієтарним псевдоелементом і підтримується тільки в браузері Firefox.

  • Q: Як задати стилі для псевдоелемента ::-moz-selection?

    A: Для задання стилів для псевдоелемента ::-moz-selection потрібно використовувати правило CSS, подібне до такого: ::-moz-selection { color: red; background: yellow; }

  • Q: Чи є альтернативні методи стилізації виділеного тексту у браузерах?

    A: Так, для стилізації виділеного тексту у браузерах, які не підтримують псевдоелемент ::-moz-selection, можна використовувати псевдокласи :selection або ::selection.

  • Q: Чи є важливою специфікація псевдоелемента ::-moz-selection у CSS?

    A: Псевдоелемент ::-moz-selection є пропрієтарним і не є частиною офіційної специфікації CSS, тому його використання може призвести до проблем з сумісністю.