Вопросы с тегом «css»

94
Медиа-запросы эмуляции режима устройства Chrome не работают

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

94
Предотвращение растяжения гибких элементов

Образец: div { display: flex; height: 200px; background: tan; } span { background: red; } <div> <span>This is some text.</span> </div> Запустить фрагмент кодаСкрыть результатыРазвернуть фрагмент У меня два вопроса, пожалуйста: Почему это в основном происходит с span? Каков...

94
Строки одинаковой высоты в гибком контейнере

Как видите, list-itemsу первого rowесть то же самое height. А вот предметы во втором у rowних разные heights. Я хочу, чтобы у всех предметов была униформа height. Есть ли способ добиться этого без указания фиксированной высоты и только с помощью flexbox ? Вот мой code .list { display: flex;...

94
Есть ли в bootstrap 4 встроенный горизонтальный разделитель?

Есть ли в bootstrap 4 встроенный горизонтальный разделитель? Я могу это сделать, <style type="text/css"> .h-divider{ margin-top:5px; margin-bottom:5px; height:1px; width:100%; border-top:1px solid gray; } </style> Но я хочу использовать встроенный бутстрап css, я нигде не могу найти...

94
Что использовать вместо :: ng-deep

Я пытаюсь стилизовать элемент, размещенный у выхода маршрутизатора, в угловой, и хочу убедиться, что сгенерированный элемент имеет ширину 100%. Из большинства ответов я вижу, что мне следует использовать ::ng-deepселектор, но из документов Angular он устарел. Есть альтернатива ::ng-deep?...

93
Как изменить отступ DIV, не влияя на ширину / высоту?

У меня есть div, для которого я хочу указать ФИКСИРОВАННУЮ ширину и высоту, а также заполнение, которое можно изменить, не уменьшая исходную ширину / высоту DIV или увеличивая ее, есть ли для этого трюк CSS или альтернатива с использованием заполнения?...

93
Свойство CSS Animation остается после анимации

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

93
CSS отключить выделение текста

В настоящее время я поместил это в тег тела, чтобы отключить выделение текста: body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } Тем не менее, мои inputи textareaкоробки теперь неактивны. Как я могу сделать только эти элементы ввода доступными...

93
как сделать так, чтобы подменю twitter bootstrap открывалось с левой стороны?

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

93
Как создать переключатель в Bootstrap

Изначально я создал веб-приложение на HTML, CSS и JavaScript, затем меня попросили создать его снова и в Bootstrap. Я все сделал нормально, но у меня были кнопки переключения в веб-приложении, которые были заменены на кнопки переключения (изначально флажок) вместо кнопок переключения, которые у...

93
Как сделать так, чтобы ввод диапазона HTML5 имел разный цвет до и после слайдера?

Я хочу, чтобы левая сторона была зеленой, а правая - серой. Как на картинке выше было бы ИДЕАЛЬНО. Предпочтительно решение на чистом CSS (нужно беспокоиться только о WebKit). Возможно ли такое?...

93
Статически вращайте иконки с потрясающим шрифтом

Я хотел бы статически повернуть свои иконки с потрясающим шрифтом на 45 градусов. На сайте написано, что: Чтобы произвольно вращать и переворачивать значки, используйте классы fa-rotate- * и fa-flip- *. Однако делая <i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i> не...

93
Форма со скошенной стороной (отзывчивая)

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