CSS - Страница 710

Создается следующий HTML/CSS:

разница в том, только в стиле span, используя цвет фона во второй ячейке.
Вы можете видеть, что крестики находятся за текстом и цветом фона.
Я не могу использовать псевдоэлементы, потому что иногда они встроены...

У меня есть страница с видео HTML5, окруженная фиктивным контентом сверху и снизу. Цель — показать, как видео выглядит в контексте насыщенной контентом страницы.
Видео отображается с использованием «эффекта межпрокрутки». Это распространенное...

Ранее я создал свайпер (ngx-swiper-wrapper) и изменил цвет стрелок следующим образом:
::ng-deep.swiper-button-next::after, ::ng-deep.swiper-button-prev::after {
color: $primary-light;
}

Теперь я создал еще один на другой странице, где цвет должен...

В приведенном ниже коде проверка начальной загрузки (зеленая галочка) не отображается, когда данные сохраняются в браузере, но работает нормально, когда данные вводятся вручную.

Registration Form

/* Optional: Adjust form width on larger...

Мне хотелось бы знать, почему мой селектор всегда приводит к ошибке: «Ошибка: элемент ('#fieldset.x-overlay-sub-panel__aspect-fieldset') все еще не отображается через 10 000 мс». при запуске автоматизации с помощью WDIO. тем временем, если я проверю...

Основная идея заключается в том, что класс .pop-out преобразует код, чтобы изменить фон, немного всплывать за пределы экрана (масштаб и тень) и т. д. Единственная проблема в том, что в нем нет отступов. мой исходный элемент влево и вправо, поэтому...

Я следую этому разделу документации DaisyUI и создаю боковую панель. У меня возникла проблема: я хочу, чтобы сам складной элемент был ссылкой. Это, конечно, работает, однако элемент ссылки не покрывает всю кнопку. Я хочу, чтобы ссылка охватывала всю...

Я пытаюсь создать анимацию, соответствующую этой ссылке, но мне кажется, что она использует какой-то продвинутый CSS.

.header {
display: inline-block;
font-family: sans-serif;
}

.header span {
display: inline-block;
opacity: 0;
transform:...

Я пытался заставить работать запрос стиля контейнера, но обнаружил некоторые странности.
Рассмотрим следующий код:
html

...

CSS
.parent {
--test-var: red;
background-color: grey;
}

@container style(background-color: grey)
/* @container...

Я следую этому разделу документации DaisyUI и создаю боковую панель. У меня возникла проблема: я хочу, чтобы сам складной элемент был ссылкой. Это, конечно, работает, однако элемент ссылки не покрывает всю кнопку. Я хочу, чтобы ссылка охватывала всю...

.CategoryBlock {
margin-top: 0.5rem;
gap: 1rem;
display: flex;
overflow-x: scroll;
scrollbar-width:thin;
}

.CategoryBlock > *:first-child {
margin-left: auto;
}

.CategoryBlock > *:last-child {
margin-right: auto;
}

.CategoryBlock button {...

У меня есть таблица HTML и следующий скрипт для добавления к ячейкам определенного класса в зависимости от их содержимого.
Теперь я хотел бы посчитать только элементы с классом = active и запускают модальное окно (autoOpen: true) с указанием...

У нас на сайте есть большое приложение и несколько ссылок, скажем, синего цвета, как и синие ссылки на этом сайте. Теперь я хочу сделать еще несколько ссылок, но более светлого цвета. Очевидно, я могу просто добавить шестнадцатеричный код в файл...

Я пытаюсь воспроизвести опыт оформления заказа Shopify на своей странице оформления заказа WooCommerce, анимируя метки, когда пользователь фокусируется на определенном вводе, вот так:

Я пробовал использовать метку input:focus ~, но это не...

.CategoryBlock {
margin-top: 0.5rem;
gap: 1rem;
display: flex;
overflow-x: scroll;
scrollbar-width:thin;
}

.CategoryBlock > *:first-child {
margin-left: auto;
}

.CategoryBlock > *:last-child {
margin-right: auto;
}

.CategoryBlock button {...

В приведенном ниже коде проверка начальной загрузки (зеленая галочка) не отображается, когда данные сохраняются в браузере, но работает нормально, когда данные вводятся вручную.

Registration Form

/* Optional: Adjust form width on larger...

Я хочу, чтобы мое приложение выглядело как Windows (xp/vista/7) (весь шрифт и т. д.). Может кто-нибудь подсказать, где взять CSS?

Подробнее здесь:

Я использую Elementor Pro для создания своего веб-сайта. Все работает корректно, но иногда случается, что при перезагрузке страницы CSS не загружается и отображение снова становится без стилей, а представляет собой простой базовый HTML или стили,...

Я создал 2 контейнера, используя этот код:
.grid--2-cols {
grid-template-columns: repeat(2, 1fr);
}

Во втором у меня есть изображения, когда я добавляю отступы к первому:
.testimonials-container {
padding: 9.6rem;
}

Все изображения во втором...

Как мне опустить этот элемент div вниз?

Вот код:

{% static
Que vamos a estudiar hoy?

Inicio

Chat

Ingresa a tu clase

Buscar clases

Calendario

{% static

{% static

Nombre Usuario

Я...

Я хотел бы, чтобы текст 12345 был выровнен по вертикали с аватаром слева. Как решить эту проблему сначала с помощью ионных средств (при использовании сетки), а если невозможно, то с помощью CSS? Я без особого успеха пытался установить style=...

После загрузки файла проекта на GitHub результат стал больше по сравнению с сервером VS Code Go-Live. Каждый выходной файл моего проекта менялся. Почему это происходит?

Подробнее здесь:

Поскольку element plus не поддерживает RTL, мне пришлось использовать другие сторонние библиотеки, такие как плагин rtlcss, и на самом деле это решило проблему, но не в моем случае приложения, где я использую оба направления rtl и ltr, поэтому...

Я настраиваю проект OpenWebUI, который использует Svelte в качестве внешнего интерфейса, и хочу отображать математические выражения (числа, переменные и операторы) шрифтом Times New Roman. Однако, несмотря на внесение изменений в компоненты CSS и...

Кнопка открытия модального окна находится внизу страницы, но модальное окно открывается вверху и прокручивает страницу вверх.
Я хочу:
остановить прокрутку страницы вверх,
показать модальное окно в текущей позиции прокрутки.

Это веб-страница,...