Вопросы по теме 'pseudo-element'
Какие элементы поддерживают псевдоэлементы ::before и ::after?
Я пытаюсь придумать хороший стиль по умолчанию для <input> s в HTML5 и попробовал следующее:
input::after { display: inline; }
input:valid::after { content: ' ✓ '; color: #ddf0dd; }
input:invalid::after { content: ' ✗ '; color:...
10152 просмотров
schedule
16.08.2022
Почему text-indent не работает, если в его контейнере есть псевдоэлемент :before/:after? (FX/Опера)
Сегодня столкнулся с этой причудой.
http://jsfiddle.net/UJAjD/3/
Вы заметите, что в Firefox 7 и Opera в сером поле есть слово «Далее». CSS включает свойство text-indent, которое должно перемещать этот текст за пределы его контейнера. При...
3537 просмотров
schedule
19.01.2023
В чем разница между псевдоклассом и псевдоэлементом в CSS?
Такие вещи, как a:link или div::after ...
Информация о разнице кажется скудной.
33167 просмотров
schedule
18.02.2024
Добавить onclick с псевдоэлементом css после
Возможно ли в моем файле css сделать что-то подобное?:
.myclass:after{
content:"click me";
onclick:"my_function()";
}
Я хочу добавить после всех экземпляров myclass кликабельный текст в таблице стилей css.
45562 просмотров
schedule
21.08.2022
Объединить атрибуты CSS и селекторы псевдоэлементов?
Как я могу объединить селектор псевдоэлементов ( :after ) с селектором атрибутов ( [title] )?
Я пытался использовать div[title]:after , но это не работает в Chrome.
HTML:
<div title="foo">This div has a title.</div>...
4526 просмотров
schedule
17.09.2022
Выделение меняет цвет, когда Firefox теряет фокус
Я устанавливаю цвет фона выделения с помощью CSS:
::selection {
background:#cc0000;
color:#fff;
}
::-moz-selection {
background:#cc0000;
color:#fff;
}
В большинстве браузеров, когда фокус находится в другом месте (например, в...
684 просмотров
schedule
11.04.2023
Разница между псевдоклассом, псевдоселектором и псевдоэлементом в CSS
Возможный дубликат: В чем разница между псевдоклассом и псевдоэлементом в CSS?
Что означает следующее в CSS?
Псевдокласс
Псевдоселекторы
Псевдоэлемент
В чем польза каждого?
2844 просмотров
schedule
08.04.2022
Выберите элементы поля и :after
Почему это не работает? Есть ли обходной путь для этого без добавления дополнительного элемента?
http://jsfiddle.net/86gb2/
14258 просмотров
schedule
09.06.2022
Можно ли проверить вычисленные стили для псевдоэлементов ::after и ::before?
Chrome показывает мне определения ::after и ::before (а также унаследованные определения и т. д.) на панели Соответствующие правила CSS , когда я проверяю элемент. Но панель Вычисляемые стили отображает только вычисленные стили для корневого...
826 просмотров
schedule
08.02.2023
Можете ли вы применить ширину к псевдоэлементу: before /: after (content: url (image))?
Это в дополнение к моему недавнему вопросу: Можно ли использовать псевдоэлементы, чтобы содержащие элементы оборачивались вокруг абсолютно позиционированного элемента (например, clearfix)?
JSFiddle: http://jsfiddle.net/derekmx271/T7A7M/
Я...
21610 просмотров
schedule
10.04.2022
оформление флажка формы css с помощью тегов checked и after
Я пытаюсь создать форму без использования JavaScript или JQuery. Он включает в себя ряд флажков. Идея состоит в том, чтобы после флажка отображать некий gif, если он не установлен. В противном случае ничего не отображать после него. Это код,...
35307 просмотров
schedule
04.09.2022
Счетчики псевдоэлементов CSS: можно ли увеличить букву алфавита a, b, c и т. д. вместо числа?
Как определено здесь:
http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment
Вы можете использовать следующий код для увеличения чисел в псевдоэлементах.
H1:before {
content: "Chapter " counter(chapter) ". ";...
26350 просмотров
schedule
22.05.2022
Стилизация внутренних элементов «первой линии»
Я пытаюсь поместить стили CSS в элементы списка в первой строке списка, но кажется, что ни Chrome, ни Firefox, ни Safari не примут этот стиль.
ul:first-line > li {
display: inline;
/* my styles here */
}
Я упустил из виду способ,...
2225 просмотров
schedule
05.04.2023
Как мне выбрать первое изображение в этом div с помощью jquery?
У меня есть этот div с кучей других div и изображений. Главный div — m-carousel-inner. Что я хочу сделать, так это выбрать первый элемент img в этом div. Как мне это сделать в javascript или jquery?
<div class="m-carousel-inner">
<div...
26470 просмотров
schedule
15.06.2023
Как переопределить CSS, установленный для псевдоэлемента?
Я знаю, что об этом уже спрашивали, но я не нахожу простого способа переопределить этот CSS:
.ui-input-search:after {
content: "";
height: 18px;
left: 0.3125em;
margin-top: -9px;
opacity: 0.5;
position: absolute;
top:...
48109 просмотров
schedule
31.03.2023
Отрицательный: перед z-индексом абсолютно позиционированного элемента, не работающего в IE8
Я искал эту проблему и знаю, что IE8 имеет причуды, отображающие элементы с псевдотегами, но не смог найти решение моей проблемы. Я пытаюсь абсолютно позиционировать элемент и добавить к нему псевдоэлемент :before, который должен быть под его...
3364 просмотров
schedule
23.02.2024
Как расположить псевдоэлементы :before и :after друг над другом?
Как лучше всего расположить один псевдоэлемент непосредственно поверх другого псевдоэлемента?
Допустим, я хочу, чтобы рядом с меткой здесь появился причудливый «флажок»:
label:before {
content: "\00a0";
color: #FFF;
height: 6px;...
73552 просмотров
schedule
28.04.2022
Как сделать сгенерированный контент доступным для выбора?
Я могу заставить CSS отображать идентификатор элемента, используя сгенерированный контент, например:
<style>
h2:hover:after {
color: grey;
content: "#" attr(id);
float: right;
font-size: smaller;
font-weight: normal;
}...
5607 просмотров
schedule
06.06.2022
Попытка получить значение содержимого шрифта значка
Я использую шрифт веб-значка и пытаюсь получить содержимое псевдоселектора :before , как показано ниже.
var ele = document.querySelector('.flaticon-fishing2');
var beforeEle = ele.previousSibling;
// Now befpreEle does not seem to have...
567 просмотров
schedule
10.01.2023
CSS до и после псевдоэлемента в диапазоне ввода
Я хочу сделать ползунок с динамически отображаемыми границами.
Я нашел код в Интернете, который я адаптировал для своего случая. В этом коде используются только html и css, и он хорошо отображается в Chrome, но не в Firefox (у меня только IE9, в...
2544 просмотров
schedule
10.05.2022
