Как изменить цвет кнопки?
Создайте кнопку и функцию. При нажатии кнопки, функция окрашивает данную кнопку в background: red.
document.querySelector('button').onclick = () =>
Подскажите в чем ошибка? Всем спасибо за ответы
- Вопрос задан более трёх лет назад
- 7580 просмотров
1 комментарий
Простой 1 комментарий
это как так можно.
такой код я не смог нагуглить, значит, вы сами его написали.
Но основы-то откуда-то взяли.
мышкаспохмельячтоли дернулась?
CSS. Измененить цвет при нажатии и сохранить изменённое значение
Как сделать так, чтобы при клике изменялся цвет элемента и не изменялся на дефолт при клике на другое место. Попробовала добавить код от Vadizar. Получается вот так: Но когда я добавляю нижнее, так как мне не нужно изменение фона. Я с фоном не работаю :
button < color: #ff9000 !important; transition: color 9999999s >button:active
у меня «палец вверх» не становится зелёным. Почему ? И ещё: Почему подсветка кода от Vadizar такая: 
слово background выделяется зелёным А при моём (скорей всего неправильном) варианте такая: 
слово color не выделяется зелёным И почему в конец после transition не добавляется ; ?
Как изменить цвет кнопки?
Для изменения цвета фона и текста кнопки используем, соответственно, свойства background и color, добавляя их к селектору button , как показано в примере 1.
Пример 1. Цветные кнопки
Основные параметры кнопки применяем к селектору button , а дополнительно вводим разные классы, чтобы легко менять цвет кнопок. На рис. 1 продемонстрирован результат данного примера, в котором создаются плоские одноцветные кнопки.
Рис. 1. Цветные кнопки
См. также
- background
- color
- currentColor
- text-fill-color
- Атрибут link
- Атрибуты
- Единицы цвета в CSS
- Кнопки
- Кнопки
- Кнопки в Bootstrap 4
- Линейный градиент
- Наследование в CSS
- Несколько фоновых картинок
- Работа с типографикой
- Создание кнопок
- Спрайты
- Установка фона и градиента
- Фоновая картинка
Изменение цвета кнопки при нажатии?
Есть страница с двумя таблицами кнопок. Мне нужно чтоб при нажатии кнопки с классом «default», менялся цвет кнопок без класса на зеленый, а при следующем нажатии на кнопку с классом «default», цвет кнопок без класса менялся с зеленого на красный(например нажимаю я в верхней стеке кнопок на единицу, и цвет кнопки с единицей в нижней стеке кнопок менялся на зеленый, а потом после нажатие с зеленого на красный поменялся).
button.default < background: white; width: 80px; height: 80px; font-size: 40pt; transition: background 9999999s; >button.default:active
- Вопрос задан более трёх лет назад
- 4172 просмотра