8,797
edits
No edit summary |
No edit summary |
||
Line 13: | Line 13: | ||
bottom: -14px; /* Расширяем область снизу */ | bottom: -14px; /* Расширяем область снизу */ | ||
z-index: 1; /* Убедимся, что псевдоэлемент не перекрывает текст */ | z-index: 1; /* Убедимся, что псевдоэлемент не перекрывает текст */ | ||
} | |||
.mw-parser-output .copyable-text { | |||
display: inline-block; /* Делаем текст блочно-строчным для корректного отображения */ | |||
padding: 5px 10px; /* Небольшой отступ для удобства клика */ | |||
background-color: #f0f0f0; /* Светлый фон для выделения */ | |||
border: 1px solid #ccc; /* Рамка для визуального выделения */ | |||
border-radius: 4px; /* Скругленные углы */ | |||
cursor: pointer; /* Курсор в виде указателя, как у ссылки */ | |||
user-select: none; /* Запрещаем выделение текста при клике */ | |||
transition: background-color 0.2s ease; /* Плавное изменение фона при клике */ | |||
} | |||
.mw-parser-output .copyable-text:hover { | |||
background-color: #e0e0e0; /* Цвет фона при наведении */ | |||
} | |||
.mw-parser-output .copyable-text:active { | |||
background-color: #d0d0d0; /* Цвет фона при клике */ | |||
} | } | ||