CSS - Страница 523

Я пытаюсь стилизовать заголовок панели в слиянии, вызывая определенный макрос.
Я могу отлично стилизовать заголовок панели, используя:
.panelHeader {
color:xxx
Font-Family:xxx
}

Проблема в том, что когда я встраиваю страницу в другую страницу с...

Вы уже заметили, что Google недавно реализовал рамку в активной опции выбора в Chrome? Есть идеи, как отключить эту функцию? В Firefox нет этой рамки.

Google Chrome версии 83.0.4103.61 (64-разрядная версия)

select option:focus {
border:0px;...

Я хочу придать изображению круглую непрозрачность с помощью CSS.

Я знаю, что могу добиться непрозрачности для таких изображений: р>

.circle img {
opacity: 0.4;
filter: alpha(opacity=40);
}

Я знаю, что могу создать такие круглые изображения:...

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

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

Поэтому я хочу настроить таргетинг на несколько элементов HTML, как показано ниже, используя регулярное выражение в селекторе CSS:

Следующий селектор CSS не работает:

input[id*=' *_work']

Мне нужно что-то сделать с цифрами в регулярном...

Плохо ли стилизовать элемент, используя его идентификатор, или мне следует стилизовать каждый элемент, ссылающийся на соответствующий CSS?

по сравнению с :

#test{
color:blue;
}

.testClass {
color:blue
}

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

Я новичок в веб-разработке. Кажется, возникла проблема с моим кодом, поскольку селектор идентификаторов CSS не работает:

li {
border: 3px solid red;
}

h3 {
background: green;
}

#special {
color: green;
}
Todo List

Walk Rusty
Buy...

У меня есть такая функция загрузки JavaScript:

function splashScreen() {
var div = document.createElement('div');
div.appendChild(document.createTextNode( some text ));
div.style.position = fixed ;
div.style.width = 100% ;
div.style.height = 100%...

Я пытаюсь стилизовать заголовок панели одновременно с вызовом определенного макроса, используя его идентификатор.
Я могу отлично стилизовать заголовок панели, используя:
.panelHeader {
color:xxx
Font-Family:xxx

Проблема возникает, когда я встраиваю...

Я пытаюсь оформить всплывающую подсказку так, чтобы она соответствовала дизайну на этом изображении:
.net/c8AuZgYW.png

Однако моя текущая реализация выглядит так:

Вот мой текущий код:

.tooltip-container {
@apply absolute top- left-...

Недавно мы применили новый стиль к нашему веб-сайту
пункты мобильного меню не кликабельны ни по пунктам главного меню, ни по пунктам подменю.
вот ссылка на сайт

при попытке открыть с помощью мобильного браузера элементы меню недоступны....

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

Я разрабатываю веб-сайт на Webflow, и фиксированное меню Navmenu должно менять цвет шрифта (черный или белый) в зависимости от фона раздела (светлый или темный). Я использую собственный код JS:

/* Changing Colors and Logo by Section */
function...

У меня есть плагин, который выводит раздел профиля, и я планирую обернуть его элементом ol>li. Я хочу стилизовать номера списка, используя другой размер/стиль/цвет шрифта. Но если я это сделаю, стиль шрифта будет распространяться/каскадироваться в...

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

function listItemDragged(e) {
e.target.classList.add(...

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

Я разрабатываю веб-сайт на Webflow, и фиксированное меню Navmenu должно менять цвет шрифта (черный или белый) в зависимости от фона раздела (светлый или темный). Я использую собственный код JS:

/* Changing Colors and Logo by Section */
function...

Как написать эквивалент этого стилизованного компонента в Tailwind?
// Item is a div
const Clone = styled(Item)`
~ div {
transform: none !important;
}
`;

Это взято из codeandbox. При перетаскивании из правого столбца он не выглядит так, как будто...

Сейчас у меня есть контейнер с максимальной высотой 800 пикселей. Он также имеет переполнение: прокрутка. То, чего я пытаюсь достичь, просто (вероятно, не так просто, поэтому я и спрашиваю вас, ребята!).

Я хочу и дальше использовать эту прокрутку с...

Я создаю компонент React с сеткой, и у меня возникли проблемы с центрированием всей сетки внутри контейнера. Я использую Flexbox для макета, но элементы сетки центрируются неправильно.
Вот настройка:

У меня есть контейнер, который должен...

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

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

Это пример того, чего я пытаюсь достичь:

Я пытаюсь найти для этого хорошее решение, где его можно...

Я ищу способ позиционирования содержимого в псевдоэлементе :after только с помощью CSS относительно другого - возможно многострочного - верхнего края элемента. Результат должен выглядеть примерно так:

Обычно для достижения этого не требуется...

Мне нужно разработать следующий div:

Код, который я написал для этого:
className='
flex justify-center items-center rounded- max-w-16 max-h-16 min-w-16 min-h-16 bg-gray-700 shadow-card-a'
>

Это было вдохновлено комментарием exmaxx здесь: Как...