Как изменить цвет кнопки в html
Перейти к содержимому

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

  • автор:

 

How to set text color in submit button?

I tried to change the color of the text in the submit button type but, I don’t know why I am not able to change it.

I was getting a problem when I tried to change the color of the submit button.

7 Answers 7

Jonathan's user avatar

`enter code here

okay so I had the same thought of me wanting to change the text color and not the button color itself to a different color. So here’s what you can do up above.

Jayita Roy's user avatar

    The Overflow Blog
Linked
Related
Hot Network Questions

Subscribe to RSS

To subscribe to this RSS feed, copy and paste this URL into your RSS reader.

Site design / logo © 2023 Stack Exchange Inc; user contributions licensed under CC BY-SA . rev 2023.3.11.43304

By clicking “Accept all cookies”, you agree Stack Exchange can store cookies on your device and disclose information in accordance with our Cookie Policy.

Как изменить цвет кнопки: полная инструкция для новичков

Кнопка внутри формы (button type=»submit»)

Просто меняем фон и цвет:

 

Меняем через псевдоэлемент :before (обратите внимание на span, который нужно разместить внутри кнопки) :

Кнопка внутри формы (input type=»submit»):

Тот же самый принцип, что и выше, но вместо button[type=»submit»] нужно в css прописать input[type=»submit»]

Кнопка, как отдельный элемент в html кода:

Просто меняем фон и цвет:

А теперь меняем цвет, с помощью псевдоэлемента :before

Кнопка в Bootstrap

Чтобы изменить цвет кнопки в Bootstrap, вам необходимо найти нужный класс (или id), а также нужный порядок вложенности элементов.

К примеру, у вас есть кнопка

И вы хотите изменить для нее цвет при наведении. Тогда я бы рекомендовал в css прописать следующее:

Как изменить цвет кнопки с помощью Js

Я покажу два варианта, как поменять цвет кнопки при наведении используя JavaScript.

Первый вариант — мы будем добавлять класс с нашей кнопки через js:

Второй вариант — мы будем менять css стили прямо в js:

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

 

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

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