Вопросы по теме '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 просмотров
schedule
12.03.2024
Ошибка IE8 с псевдоэлементами
Я выделил странную проблему с IE8, связанную с псевдоэлементами CSS :before и :after . Проблема возникает, когда вы устанавливаете для одного псевдоэлемента абсолютное положение, а для другого — относительное; см. следующий пример:
<style...
2999 просмотров
schedule
10.11.2022
В чем разница между маркерами псевдоэлементов : и ::?
Я заметил, что и : , и :: работают при разметке псевдоэлементов в 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 просмотров
schedule
14.10.2022
Разница преобразования CSS3 в Firefox, Chrome и IE
Я думаю, что это может иметь какое-то отношение к псевдоэлементу, но я не уверен. У меня возникают трудности с эффектом перехода преобразования с использованием css3. В Firefox v24 эффект работает так, как я хочу — см. CodePen здесь...
4204 просмотров
schedule
26.03.2024
Псевдоэлемент 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 просмотров
schedule
25.11.2022
Глобальный размер окна: рамка-бокс
Это вопрос, который задавали много раз, но мой вопрос отличается, поэтому, пожалуйста, не отмечайте его как дубликат.
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