Как сделать чтобы кнопка меняла цвет
Перейти к содержимому

Как сделать чтобы кнопка меняла цвет

  • автор:

Как изменить цвет кнопки?

Создайте кнопку и функцию. При нажатии кнопки, функция окрашивает данную кнопку в background: red.

document.querySelector('button').onclick = () =>

Подскажите в чем ошибка? Всем спасибо за ответы

  • Вопрос задан более трёх лет назад
  • 7580 просмотров

1 комментарий

Простой 1 комментарий

alex-1917

это как так можно.
такой код я не смог нагуглить, значит, вы сами его написали.
Но основы-то откуда-то взяли.
мышкаспохмельячтоли дернулась?

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 просмотра

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *