CSS

У меня есть class= hover: :border-gray-500 , который добавляет серый цвет к границе ввода только тогда, когда класс .ng-invalid не прикреплен к этому вводу, пока наведя на него курсор.
Есть ли что-нибудь противоположное этому, например, я хочу...

Я пытаюсь разместить изображение увеличительного стекла слева от ввода текста. Он отображается над текстовым вводом. Как правильно хранить их рядом с Bootstrap 5?

/static/images/mag_glass.png

Search

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

Пример MUI
Я пытаюсь воссоздать контурный ввод MUI, где метка находится на верхней границе с фоном, чтобы скрыть этот раздел строки.Можно ли изменить цвет фона меток ввода полосы? Если нет, то смог ли кто-нибудь творчески выполнить эту работу?
Я...

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

Смотрите код моего компонента ниже:
У меня есть p-сплиттер, разделенный на 3 секции.
У меня есть p-аккордеон в каждой секции, что в -turn имеет p-таблицу.

Proposal PDF Documents

Add Attachment(s)

Attachment Name

{{ doc.name }}...

Содержимое всплывающего окна не отображается при нажатии.
Я приведу только сокращенную версию кода.
При нажатии кнопки содержимое должно отображаться.
HTML-код. Кнопка запустит код js, чтобы сделать CSS активным.
Css покажет активную версию...

Я хочу установить наложение изображения на элемент div. Я хочу получить это:

Я использовал left и top для положения изображения, но это не работает, и я не получаю исключенный результат. Вот что я сделал:
library(shiny)
library(shinydashboard)...

Вот как выглядит моя проблема (см. кольцо):
Просмотреть изображение
Используя инспектор Chrome, выяснилось, что она связана с --tw-ring-shadow.
Поэтому я попробовал добавить такие классы, как Ring-0 и Ring-Offset-0 (как вы можете видеть ниже), но...

Когда я нажимаю на одну из опций на боковой панели, я хочу, чтобы связанный с ней контент открывался справа.
Я написал код ниже, но даже несмотря на это, я достигаю « 127.0.0.1:5000/admin_panel_menu/A», боковая панель появляется, но текст в...

ниже у меня есть серия кода React, в котором на странице отображается несколько кружков, каждый из которых имеет разный цвет. При нажатии на цвет навигация отображает его изменение, считывая выбранный цвет.
import { useState } from react ;
const...

Я применил стили с помощью внутреннего кода CSS, однако стили не применяются к веб-странице HTML в браузере. Я везде устранил неполадки, но до сих пор не могу это исправить. Как ни странно, стиль также не отображается в элементе проверки. Я только...

Я пытаюсь создать всплывающее окно в мегаменю, но оно не отображается поверх содержимого.
(Добавлен класс .mega-menu до первого URL в главной навигации.)
Вот мой CSS:
Вот мой HTML:

@media (min-width: 769px) {
nav .main-nav .mega-menu {
position:...

На самом деле я работаю над веб-проектом, поэтому я создал страницу сертификата для своего веб-сайта, поэтому она не работает, пожалуйста, помогите мне разобраться
Вот мой код, на самом деле это так. работает нормально, только сертификат.pdf не...

У меня есть эта анимация, которая отлично работает в таких браузерах, как Chrome, но как только я пробую ее в Safari, она выглядит сломанной и не делает того, что должна.

.progressIndicator {
stroke: var(--primary_color);
}

.progressIndicator...

Смотрите этот минимальный пример

.inherit {
color: red;
}
.inherit p {
color: inherit;
}

.currentColor {
color: red;
}
.currentColor p {
color: currentColor;
}

inherit

currentColor

Эти два результата дают один и тот же результат.
Есть...

Мне нужно изменить видимость элемента div. Допустимо ли писать встроенный стиль в div в небольшом проекте? Вот пример:
ПЕРВЫЙ:
TEXT
ВТОРОЕ:
TEXT
И у меня есть js-скрипт для переключения класса для первого варианта и переключения встроенного...

Я написал программу, которая создала html-файл с этим заголовком:

stack.imgur.com/CMzrJ.png

но у меня вообще нет iframe, не говоря уже о песочнице

Когда я открываю страницу в браузере (размещенном на сервере Jenkins), я не вижу CSS.

Это...

Я создал панель навигации, но не могу понять, как отцентрировать ее на веб-странице.

.row {
max-width: 1140px;
background-color: green;
margin: auto;
width: 80%;
}

body {
margin: 0;
}

/* Add a black background color to the top navigation */...

У меня есть CSS-анимация, которая повторяется либо бесконечно, либо только определенное время. но я бы хотел воспроизводить это примерно 2 раза каждые 5 секунд.
Вот мой код:

#countText{
-webkit-animation-name: color2;
-webkit-animation-duration:...

У меня есть страница jsp/html. Доступ к этой странице осуществляется по двум разным ссылкам.
Это страница Menu1-->demo.html и страница Menu2-->demo.html (в моем случае это jsp)
На странице demo.html у меня есть текстовое поле, которое по умолчанию...

Я пытаюсь создать анимацию бесконечной прокрутки без «мигания» и пустых мест. Проблема в том, что когда я использую максимальную ширину 1300 пикселей, а мой текст внутри элемента списка короткий, я все равно получаю эффект «мигания» и много пустого...

Моя кнопка перехода ко второй хороша и работает, но я хочу, чтобы фон был включен в переход, например: на первой странице у меня есть синий фон, поле описания и кнопка «Начать». Я хочу, чтобы цвет фона изменился на красный с тем же переходом, что и...

У меня есть сетка компонентов с изображением и подписью, есть значок информации, где значок заголовка означает, что при наведении курсора мыши отображается информационное окно, но оно обрезано по краю карточки. Я пытался сделать видимым...

Я создал один компонент response.js для создания карусели. И второй компонент, который показывает кнопку (Hotspot) на изображении.
Но мне не удалось объединить оба.
Я создал первый компонент под названием ImageCarousel.js. Благодаря этому мне...

Я пытаюсь создать веб-сайт, на котором логотип находится слева, а текст справа (рядом с изображением логотипа), и все это находится над панелью навигации, однако мне просто не удается вставить их в позиция вообще!

CSS

.headerLogo{
float:left;...