Перейти к публикации

Рекомендованные сообщения

Здравствуйте, понадобилось изменить цвет уже готовой кнопки, но с этим возникли проблемы. 

 

Кнопка:

	<button class="btn" type="submit" name="submit" title="Отправить комментарий"><b class="ultrabold">Отправить комментарий</b></button>

Она же: 

Fgwulj6mun4.jpg
Единственное, что я нашёл, так это параметр стиля в styles.css, но что именно там менять - без понятия.
 

.ultrabold { font-weight: 900; text-transform: uppercase; }


Конкретно нужно изменить её цвет, где найти нужные параметры?


 

 

Изменено пользователем MadSabotage
Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, germanydletest сказал:

либо 

.btn {тут стили}

либо

input[type="submit"] {тут стили}

Если честно я не понял, что именно нужно сделать.

Изменено пользователем MadSabotage
Ссылка на сообщение
Поделиться на других сайтах
3 минуты назад, germanydletest сказал:

САЙТ ВРЕМЕННО ОТКЛЮЧЕН

Прошу простить, теперь всё включено.


Кнопка по ссылке: http://virtualrf.ru/6-vrf.html

Изменено пользователем MadSabotage
Ссылка на сообщение
Поделиться на других сайтах
.btn, .bbcodes, .ui-button {
    border: 0 none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    height: 41px;
    font-size: .94em;
    border-radius: 2px;
    line-height: 21px;
    outline: none;
    color: #fff !important;
    padding: 10px 22px;
    text-decoration: none !important;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
    background-color: #ac2729;
    background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%);
}

Если хотите сменить цвет всем кнопкам, то меняйте значения

background-color: #ac2729;
background-image: -webkit-linear-gradient(top, #f45068 0%, #f93f59 100%)

Если же хотите сменить цвет только этой кнопки, то меняете код кнопки на

<button class="btn mybtncolor" type="submit" name="submit" title="Отправить комментарий"><b class="ultrabold">Отправить комментарий</b></button>

и в css прописываете нужные цвета для класса mybtncolor, к примеру

.mybtncolor{background-color: #27ac56; /*зелёный*/}

названия класса можете менять

  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
×
×
  • Создать...