CSS - Страница 586

Как реализовать решение, которое позволит пользователям перемещаться по слайдам с помощью мыши на настольных устройствах и с помощью сенсорных жестов (проведение пальцем) на мобильных устройствах, не полагаясь на сторонние библиотеки? Мне нужно,...

У меня возникли проблемы с системой макетирования BootStrap при печати страницы.

Предположим, есть кнопка

Drukuj

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

Следующий файл работает в Firefox так, как задумано: изображение соответствует доступному пространству экрана без полос прокрутки

Test

* {
box-sizing: border-box;
margin: 0;
}

body {
height: 100vh;
display: grid;
grid-template-rows: auto 1fr...

При использовании Bootstrap v5 и FontAwesome v5 мне не удается отобразить глазное яблоко в правой части формы. Вместо этого оно сдвигает поле пароля дальше вправо, чем поле имени пользователя, и глаз не отображается.

Javascript
const...

Я использую TailwindCSS для проекта, и мне нужно использовать Select2 (с laravel).
Проблема в том, что форматирование CSS (и механика раскрывающегося списка js) не применимы. к флажку Select2 Multiple.
У меня есть необходимое

ссылки в моем...

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

Есть идеи, как это сделать сделать это? Вот мой код.

.cover {
height: 200px;
width: 200px;
background-image: url('...

я пытаюсь использовать preline ui offcanvas, при копировании кода, приведенного на их веб-сайте, он работает как положено, но поскольку я также использую загрузочную загрузку, мне нужно использовать префикс, чтобы избежать конфликтов

Toggle right...

Я пытаюсь создать кнопку, похожую на кнопку, показанную на изображении.
Внутри кнопки есть два цвета (например, цвет фона). 1 — прозрачный, а другой цвет — светло-оранжевый.
Светло-оранжевый цвет имеет только верхний правый радиус границы.
Для...

Возникла проблема: CSS не применяется после сборки проекта. Локально CSS отображается правильно, используя npm run start. Сборка и обслуживание локально с помощью npm run build и npmserve build или просмотр на Netlify после развертывания из Github...

Мне нужно выровнять элемент по краю его «прародителя».
Вот пример кода:

Итак, элементы .parent будут располагаться внутри строки, что будет зависеть от ширины элемента #grandparent. Мне нужно, чтобы каждый элемент .child...

Я использую React Native для создания тестового приложения. При стилизации кнопка не влияет на нее. может кто-нибудь сказать мне, что я делаю неправильно.
Например, я пытаюсь покрасить кнопку красным цветом, но она не работает.
Что я могу сделать,...

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

Возникла проблема: CSS не применяется после сборки проекта. Локально CSS отображается правильно, используя npm run start. Сборка и обслуживание локально с помощью npm run build и npmserve build или просмотр на Netlify после развертывания из Github...

Как разрешить многострочный текст для ввода type=text?
Например, у меня есть текст под названием Меня зовут Кришна, и я новичок в этом . здесь
Это входное текстовое значение, которое я хочу отображать в нескольких строках.
Например:

myname is...

Как уже описано в заголовке, строки не остаются на своих местах, когда окно становится меньше. Все должно оставаться статичным.
Мой HTML:

Login
Enter your Minecraft Username

Мой CSS:
.switch_lines_container {
position: absolute;
top:...

Как уже описано в заголовке, строки не остаются на своих местах, когда окно становится меньше. Все должно оставаться статичным.
Мой CSS
position: absolute;
top: 18.5rem;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: row;...

Я хочу стилизовать компоненты Angular Material и настроить их с помощью переменных CSS.
Однако определить конкретные переменные CSS, влияющие на нужные стили, сложно.
Есть ли способ визуально отобразить каждый компонент вместе с соответствующими...

Как я могу активировать событие щелчка только для дочернего элемента (идентифицированного его классом), по которому я щелкнул?
Я пробую это, но кажется, что активны все события onclick элемента кнопка .a-collaps-button на странице (у меня есть...

Я хочу стилизовать компоненты Angular Material и настроить их с помощью переменных CSS.
Однако определить конкретные переменные CSS, влияющие на нужные стили, сложно.
Есть ли способ визуально отобразить каждый компонент вместе с соответствующими...

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

Вот чего хотелось бы добиться:
результат, которого я хочу...

Я пытаюсь создать кнопку, похожую на кнопку, показанную на изображении.
Внутри кнопки есть два цвета (например, цвет фона). 1 — прозрачный, а другой цвет — светло-оранжевый.
Светло-оранжевый цвет имеет только верхний правый радиус границы.
Для...

Я создаю HTML-страницу, которую позже преобразую в PDF-файл с помощью Headless Chrome. У меня есть список отображаемых элементов, количество которых может варьироваться. Эти элементы могут занимать 3,5 страницы в PDF-файле, но это число может...

В контексте веб-расширения я добавляю кнопку в текстовый узел. Это работает в Chrome, но в Firefox у меня есть какой-то странный длинный пробел во введенном интервале (между кнопкой и следующей запятой).
Чего я ожидаю

все красиво и аккуратно
Что...

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

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

Вот что я пробовал:

CSS

.pnlGridView {

position:relative;
float:right;
height:40%;
width:40%;

border:6px solid...