CSS - Страница 107

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

form {...

Я новичок в HTML, CSS и Javascript.
Я создаю веб-сайт с функцией корзины покупок, и я могу перечислять свои продукты, перемещать их в корзину покупок и заставлять пользовательский интерфейс обновлять значок корзины покупок в строке меню.
При...

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

Я работаю над мозаичным макетом, в котором я хочу, чтобы плитки случайным образом увеличивались в два раза. Это отлично работает в браузере типа Chromium, но не в Firefox.
В большинстве браузеров работает следующее:
scale: 2;

Что не работает в...

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

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

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

:focus-within можно заменить на :has(:focus). Они оба были добавлены на уровне 4 спецификации, есть ли между ними разница? Читая MDN, я обнаружил одно отличие, в котором :focus-within должен работать с теневыми элементами DOM:

Это включает в себя...

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

У меня есть html-страница с элементами div, которые имеют id (s) вида s1 , s2 и т. д.

...
...
...

Я хочу применить свойство CSS к подмножеству этих разделов/divs (в зависимости от идентификатора). Однако каждый раз, когда я добавляю div ,...

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

Я хочу использовать собственный цвет для поля в Shinydashboard. Следующий CSS делает свое дело, но когда у меня есть складной = TRUE, он не выглядит последовательным: library(shiny)
library(shinydashboard)
library(shinydashboardPlus)

shinyApp(
ui =...

Я реализовал это модальное окно на основе jQuery: Он отлично работает и довольно прост в использовании. Однако он не реагирует на запросы – в отличие от остальной части сайта. Вот что я получил на данный момент:

CSS-часть

#lean_overlay {...

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

Хорошо, я изучаю HTML и CSS и сегодня днем ​​столкнулся с небольшой проблемой.
Я так старался исправить этот код более 3 часов, но он по-прежнему выдает тот же результат. Итак, после последнего закрывающего тега div в HTML-документе я попытался...

Как увеличить размер шрифта кнопки отправки? В частности, в Chrome он слишком мал, а текст выглядит сплющенным.
Рабочая скрипка

body, input {
font-size: 30px;
}

Я знаю, что есть

-webkit-appearance: none;

но это сбрасывает многие другие...

Недавно я заметил, что :focus-within можно полностью заменить на :has(:focus). Что мне кажется интересным, так это то, что они оба были добавлены на уровне 4 спецификации, так есть ли между ними разница, которую я пропустил?
Читая MDN, я обнаружил...

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

Document...

Я определил следующий текст справки для раскрывающегося списка на странице в oracle APEX:

table, th, td {
border:1px solid black;
}

Category
Description

Category1
Description1

Category2
Description2

Category3
Description3...

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

У меня есть HTML-элемент div, который, помимо прочего, содержит фотографию. Пользователь может перемещать этот div с помощью щелчка и перетаскивания. При нажатии на элемент div (:active), после небольшой задержки, он немного увеличивается, а затем,...

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

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

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

form {...

Я разрабатываю страницу на основе WordPress и разработал меню, но это меню не очень хорошо выглядит на мобильных устройствах. Он выходит за пределы экрана мобильного устройства.
Страница, если она следующая: www.rollform.pl
Шаги воспроизведения:...