Помогите с дизайном кнопок на фф пожалст

[hdlimon]

вот имеется обычная кнопка "купить" из файла farm.php

Код: [Выделить]

<form action="" method="post">
<input type="hidden" name="item" value="1">
<input type="submit" value="Купить" style="margin-top: 0px;font-size: 18px;width: 150px; color:#000000;">

По умолчанию она светло-коричневого цвета, когда наводишь мышкой - слегка темнеет.
Я хочу изменить оба эти цвета на свои, но при добавлении "background: rgb(0, 0, 0);" к примеру, кнопка меняет оба цвета.
Помогите пожалуйста изменить цвета по отдельности, буду очень признателен

UPD. пытался найти в стилях - не нашел, так же как и шрифт и цвет используемый по умолчанию..
UPD2. в стилях нашел, все равно если есть способ задать этот параметр отдельно для каждой кнопки - подскажите как пожалст

[APTEMOH]

<input type="submit" value="Купить" style="margin-top: 0px;font-size: 18px;width: 150px; color:#000000;">

Изменить на

Код: [Выделить]

<input type="submit" value="Купить" class="myclass">

В стилях:

.myclass{
margin-top: 0px;
font-size: 18px;
width: 150px;
color: red;
}

И не забываем Ctrl+F5 несколько раз, КЕШ чистим.

[hdlimon]

Изменить на

Код: [Выделить]

<input type="submit" value="Купить" class="myclass">

В стилях:

.myclass{
margin-top: 0px;
font-size: 18px;
width: 150px;
color: red;
}

И не забываем Ctrl+F5 несколько раз, КЕШ чистим.

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

[APTEMOH]

т.е. единственный вариант создавать стиль для каждой кнопки

Нет! Один раз прописал в стилях класс и это class="myclass" добавляем к каждой кнопке и все. Нужно изменить что-то - изменил и поменялись все кнопки. Раньше нужно было на всех кнопках менять. В чем и прелесть данного метода.

[hdlimon]

Нет! Один раз прописал в стилях класс и это class="myclass" добавляем к каждой кнопке и все. Нужно изменить что-то - изменил и поменялись все кнопки. Раньше нужно было на всех кнопках менять. В чем и прелесть данного метода.

так мне и надо очень много кнопок (порядка 50 штук) сделать разными)

[Rich-99000000]

так мне и надо очень много кнопок (порядка 50 штук) сделать разными)

Ну самый верный тебе подсказал АРТЕМОН, а так пили к каждой style="background: red;" и тп что бредово и не соответствует международному стандарту w3c.  Создай двойной класс. Наприсер в основном запиши свойства обводки анимации и тп. А второй используй для разнобоя цветокоррекции: class="button color_red", class="button color_blue".
Для цветокоррекции при наведеии работай с подклассом :hover. Пример css: .color_red{ background: red; } .color_red:hover{ background: orange; }

[hdlimon]

Для цветокоррекции при наведеии работай с подклассом :hover. Пример css: .color_red{ background: red; } .color_red:hover{ background: orange; }

вот это я искал! спасибо!

[xarmaex]

.hd-menu li {
   display:inline;
   background: #DF7A00;  -  основной
   background: -o-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);  - при наведении
   background: -moz-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);
   background: -webkit-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);
   background: -ms-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);
   position:relative; border-radius:3px; padding:10px 15px; margin:10px 15px 10px 15px; cursor:pointer;
   border: 1px solid #AD4B00;
   text-align: center;
   font-size: 20px;
   color: #ffffff;
   text-shadow: 0 0 1px #2e0000, 0 0 2px #2e0000, 0 0 3px #2e0000, 0 0 4px #2e0000;
}