Вопросы по теме 'pseudo-element'

CSS: Псевдоэлементы :before и :after наследуют ширину/высоту исходного элемента
Я использую псевдоэлементы css :before и :after, чтобы создать эффект отступа на некоторых моих изображениях на веб-сайте. Однако без указания ширины и высоты они не будут отображаться. Это заставило бы меня указать фиксированную ширину и высоту для...
82074 просмотров
schedule 15.03.2024

Что такое псевдоэлемент?
Я анализирую этот очень красивый пример того, как CSS может помочь вам создать красивые эффекты свечения на изображениях. http://jsfiddle.net/necolas/KbNq7/ В этой конкретной строке из примера упоминается: Хотя этот метод даст полный...
464 просмотров
schedule 30.09.2022

Невозможно использовать css псевдо: перед классом пользовательского веб-элемента управления ASP.NET
У меня проблема со стилем моего пользовательского веб-элемента управления. Я пытаюсь создать причудливую кнопку управления для использования в моих будущих проектах. Я начал с создания некоторого HTML-файла, в котором у меня есть следующий HTML....
737 просмотров

Ошибка IE8 с псевдоэлементами
Я выделил странную проблему с IE8, связанную с псевдоэлементами CSS :before и :after . Проблема возникает, когда вы устанавливаете для одного псевдоэлемента абсолютное положение, а для другого — относительное; см. следующий пример: <style...
2999 просмотров

В чем разница между маркерами псевдоэлементов : и ::?
Я заметил, что и : , и :: работают при разметке псевдоэлементов в CSS. Я уверен, что между ними есть какая-то семантическая разница, нет? Я действительно не вижу этого.
133 просмотров
schedule 07.11.2023

Z-индекс CSS: -1
У меня есть элемент, в данном случае li, и я расположил его относительно, а затем получил от него псевдоэлемент :after. Он имеет содержимое "", абсолютно позиционированное, имеет позицию, размеры и тень блока. Я установил для его z-индекса значение...
753 просмотров
schedule 22.04.2024

Можно ли написать одно правило CSS для нескольких префиксных селекторов?
См. ответ на этот вопрос . Я пишу правило CSS: ::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder { color: #999; } Поэтому firefox не может распознать его элементы (-moz-placeholder и...
283 просмотров
schedule 01.11.2023

Использование псевдоселектора CSS :after для отображения направленных курсоров в группах ввода Bootstrap 3
Я пытался применить каретки к элементам группы ввода в Bootstrap 3. Пока безуспешно. Пробовал использовать отображение ячейки таблицы для вставленного псевдоэлемента, пробовал абсолютное позиционирование, пытался использовать свойство содержимого для...
9925 просмотров

Разница преобразования CSS3 в Firefox, Chrome и IE
Я думаю, что это может иметь какое-то отношение к псевдоэлементу, но я не уверен. У меня возникают трудности с эффектом перехода преобразования с использованием css3. В Firefox v24 эффект работает так, как я хочу — см. CodePen здесь...
4204 просмотров

Псевдоэлемент CSS в стиле встроенного атрибута
Я попытался с образцом ниже из URL-адреса. Я пытаюсь применить псевдоэлемент css во встроенном атрибуте, стиле. Почему-то кажется, что не работает. Буду признателен за любой совет. http://www.w3.org/TR/2001/WD-css-style-attr-20010305...
2881 просмотров
schedule 12.02.2024

Firefox неправильно отображает псевдоэлементы :before и :after
В любом другом браузере веб-страница выглядит нормально, кроме Firefox. Даже Internet Explorer! Псевдоэлементы плавают по всему документу или даже не отображаются после первых. Есть ли какое-либо решение этого поведения? CSS...
15514 просмотров
schedule 03.10.2022

Что такое выражение ::before или ::after и почему оно отображается в инструментах разработчика браузера?
Я читал, что ::before используется для добавления контента перед элементом, с которым вы его используете, например. p::before { content: "Read this: "; } но в большинстве случаев, которые я видел (просматривая веб-страницы через...
5209 просмотров
schedule 29.04.2024

Прокручиваемая / наводимая всплывающая подсказка CSS с псевдоэлементами
У меня есть всплывающая подсказка только для CSS, которая хорошо работает в большинстве случаев, но я хочу добавить полосу прокрутки, когда она превышает максимальную высоту. Если я добавлю max-height: 50px; overflow-y: auto , мои псевдоэлементы...
13379 просмотров
schedule 30.11.2023

::after, кажется, не делает то, что я ожидаю?
Возможно, я неправильно понимаю функции ::before и ::after в CSS. Чего я пытаюсь добиться, так это блока размером 200x200 пикселей, а затем в правом верхнем углу будет еще один блок (24x24). Вот что у меня есть:...
41 просмотров
schedule 18.01.2024

Изменить стиль псевдоэлементов в angular2
Можно ли изменить стиль псевдоэлементов, используя [style] или [ngStyle] в angular2? чтобы получить эффект размытия на div, действует как наложение, и я должен настроить фоновое изображение на псевдоэлементе. Я пробовал что-то вроде...
22474 просмотров
schedule 10.10.2022

CSS: Scale(x) заставляет значок вращаться
У меня есть следующий значок просмотра для статей: .viewIcon { display: inline-block; width: 1em; height: 1em; background: #888; position: relative; border-radius: 65% 0; -webkit-transform: rotate(45deg);...
407 просмотров
schedule 26.12.2023

Подсчет элементов и вывод в виде псевдоэлемента
У меня есть div с именем класса vc_tta-panels. Внутри этого div есть несколько div с именем класса «vc_tta-panel». Я хочу подсчитать div в div vc_tta-panels. Как я могу это сделать? И как я могу показать результат подсчета на другой странице в...
362 просмотров
schedule 04.11.2023

:before и :after в HR в Microsoft Edge и IE
Я озадачен получением значка ◆ для отображения вокруг тега <hr> в IE и Edge. Я создал класс для применения к hr, который отлично отображается в Firefox и Chrome, но я не уверен, как заставить IE вести себя. Как это должно выглядеть:...
1995 просмотров

Глобальный размер окна: рамка-бокс
Это вопрос, который задавали много раз, но мой вопрос отличается, поэтому, пожалуйста, не отмечайте его как дубликат. html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } Я понимаю, что происходит в строке 1. Но я не...
144 просмотров
schedule 06.12.2022

Когда разрешено стилизовать псевдоэлементы в элементе option?
Я пытаюсь использовать псевдоэлементы с элементом <option> . Однако я наблюдаю несколько различий в рендеринге в разных браузерах. Итак, мой вопрос: когда разрешено использовать псевдоэлементы, такие как ::before , ::after и...
172 просмотров
schedule 06.11.2023