Как убрать обводку при нажатии на checkbox?
Помогите пожалуйста убрать обводку при нажатии на галку, но чтобы оставалась при наведении курсора мыши и переключением tab'ом. Не получается так сделать... .select { display: inl…
Вопросы по тегу: css
- 0 ▲1 ответ.
- 0 ▲1 ответ.
Dots не работают на мобильных устройствах
Не могу понять почему не отображаются dots в панели навигации на мобильных устройствах. Использую Owl Carousel. Ссылка на [сайт][1]. <link rel="stylesheet" href="…
- 0 ▲1 ответ.
Горизонтальное позиционирование внутри React.Fragment
У меня есть вот такая компонента: import React from 'react'; import Item from "../Item/Item"; import styles from './ItemList.module.css'; const ItemList = ({cards}) =>…
- 0 ▲1 ответ.
Как изменить цвет текста placeholder
<textarea name="Comment" placeholder="Введите текст комментария"></textarea> Как поменять цвет "Введите текст комментария"
- 7 ▲3 ответ.
Как сделать эффект лупы CSS
Есть такие часы, примерно. Я пытаюсь понять, как можно было бы сделать этот эффект лупы, ничего не приходит в голову @import url('https://fonts.googleapis.com/css2?family=Lato:ita…
- 0 ▲0 ответ.
Баг в html письме линия
появляются линии между блоками, если открывать письмо через мобильную веб версию yandex.ru, mail.ru и тд., вот код письма <!doctype html> <html xmlns="http://www.w3.org/1…
- 0 ▲1 ответ.
Расположить блоки (grid)
main { display: grid; grid-template-rows: min-content min-content; position: fixed; height: 100vh; width: 100vw; background: #fff; } .box1 { grid-area: 1 / 1; } .box2 { grid-area:…
- 0 ▲3 ответ.
Анимация SVG при наведение на родительский блок
У меня есть карточка у нее есть стрелка <svg width="25" height="16" viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/s…
- 0 ▲1 ответ.
Высота строки в контейнере подстраивается под высоту наибольшего блока
Есть: контейнер, внутри которого несколько карточек. Они отрисовываются в цикле, ширина у них адаптивная. Количество карточек в одной строке меняется в зависимости от экрана. Надо…
- 0 ▲1 ответ.
Как зафиксировать кнопку снизу экрана так, чтобы при прокрутке вниз до нахождения самой кнопки, она откреплялась? Position: sticky - не получается
мне нужно сделать в телефонной версии прикрепленную кнопку снизу экрана, но после прокрутки до нахождения той кнопки, чтобы она оставалась в своем же блоке, то-есть откреплялась
- 1 ▲1 ответ.
Динамичный расчет в calc()
Описание Для адаптивности который автоматически подстроит страницу под любые размеры устройства создаю переменную --size-standart в css: :root { --size-standart: calc(410px / 1vmi…
- 0 ▲3 ответ.
Непрозрачность элементов css
Как сделать чтобы при наведении на элемент html разметки у картинки был opacity: 100%; а у дива 50%? html: <div class="specialist__img-container"> <a href="…
- 0 ▲1 ответ.
не судите строго , объясните пошагово - что здесь написано?
.gallery { box-shadow: 5px 5px 10px grey; padding: 20px; margin-bottom: 20px; min-height: 300px; display: flex; align-items: centre; }
- 0 ▲0 ответ.
Как убрать рамку в выпадающем списке select?
Как убрать рамку в выпадающем списке select? Не рамку самого select, не рамку элемента option, а именно границу выпадающего списка. border: none; и outline: none; не работают.
- 0 ▲2 ответ.
как сделать чтобы по второму нажатию стили возвращались обратно
по нажатию оно меняет фон на черный, но по следующему нажатию не возвращает обратно theme.addEventListener('click', ()=>{ if(document.body.style.backgroundColor !== '#000'){ do…
- 1 ▲1 ответ.
Как скрыть кнопки на изображении от яндекса?
Добавила изображение, а при наведений на него отображаются лишние кнопки с поиском по картинке, добавлением в закладки. Как можно убрать это?
- 0 ▲2 ответ.
hover при повторном наведении на карточку
Есть карточка товара. При клике меняется ее внешний вид - добавляется некий класс active. После добавления класса появляется hover эффект (.active:hover). Но надо реализовать так,…
- 0 ▲1 ответ.
Выпадающий список в навигационном меню на JS
Только начинаю изучать JS, прорабатываю типовые задачи. Надо добавить раскрывающийся список к пунктам "О компании" и "Услуги". Изучила множество примеров на де…
- 0 ▲1 ответ.
css flex перенос элементов
.block { padding: 10px; background-color: black; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .block-item { width: 150px; height: 200px; background-color: whit…
- 0 ▲1 ответ.
Как правильно разместить в одном блоке 2 фона?
Не знаю насколько корректен мой вопрос, но в данном случае у меня переход с картинки на фон, при этом действие происходит в одном и том же блоке, как лучше сделать такую штуку и п…
- 0 ▲2 ответ.
JS код работает только у первого элемента списка?
Почему js работает только в первом элементе списка? const play = document.querySelector('.podcast-cart__content-btn-play'); const pause = document.querySelector('.podcast-cart__co…
- 0 ▲2 ответ.
Картинки выезжают из грид сетки, как решить?
У меня проблема с гридом .intro-section. Когда у него маленькая высота и большая ширина, то картинки выезжают за элемент и отодвигают нижний блок. Вот так оно выглядит нормально. …
- 0 ▲2 ответ.
Как задать position: static для всех элементов внутри <section>
Нужно задать для всех классов внутри div class = 'main' значение position: static, но не нам сам div <div class = 'main'> <section class = '1'></section> <sec…
- 0 ▲1 ответ.
как сделать высоту под содержимое блока
ввожу в поиск слово, снизу появляется информация о репозитории. после добавления 4 карточки нужно сделать чтобы серый блок увеличивался по высоте под содержимое 5 и так далее карт…
- -2 ▲1 ответ.
Копирование текста с кнопки
Я делаю сайт для выбора криптокошелька, при выборе криптокошелька он появляется в кнопке при нажатии на которую текст с кнопки должен скопироваться. Как мне скопировать в буфер об…
- 0 ▲1 ответ.
Поиск левее чем название
Как поменять название и поиск местами button { font-size: 15px; padding: 10px; border-radius: 5px; color: black; border: none; background-color: rgb(26, 129, 0); } * { box-sizing:…
- -1 ▲1 ответ.
Как получить значение <select> для использования в Js
Я пишу код для сайта с выбором криптокошелька в зависимости от того что ты выбрал в дропдауне . Пользователь выбирает криптовалюту и ему высвечивается номер кошелька при нажатии н…
- 0 ▲0 ответ.
Проблема с расположением объектов
Как расположить название вверху и подвинуть кнопку левее button { font-size: 15px; padding: 10px; border-radius: 5px; color: black; border: none; background-color: rgb(26, 129, 0)…
- 1 ▲1 ответ.
Не применяются шрифты внутри <form>
У меня импортирован и привязан к тегу html, body один шрифт. Всё что внутри тега <form> имеет свой шрифт, и как буд-то не видит тот что я привязал. html, body { font-family:…
- -1 ▲1 ответ.
Как выровнить большую картинку в блоке по вертикали в css
Имеется блок, высота и ширина динамические относительно параметров экрана. Внутри этого блока картина больших размеров. Как её вставить чётко по середине картинки по вертикали в э…