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

[antonka]

господа! есть такая штука:

 <input id="site_search_1_input" name="site_search_1_input" onkeypress="if (event.keyCode==13) window.location.href='index.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 294px;" type="text"><div style="display: inline"><button onclick="window.location.href='index.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 83px;">Search</button></div>
</form></div>

подскажите пожалуйста как поменять цвет кнопки? например на синий или зеленый или еще какой нибудь.

 

[trueW3C]

В CSS

#site_search_1_input { backgroung: url(../путь к красивой кнопке.jpg) transparent; border: 0; width: 100px; height: 20px; }

 

[devastation]

В CSS

#site_search_1_input { backgroung: url(../путь к красивой кнопке.jpg) transparent; border: 0; width: 100px; height: 20px; }

Только вот параметры: width и height нужно задавать по размеру картинки либо кнопки!

 

[sma777]

можно еще так
В CSS:

#site_search_1_input { color:#0F0; background-color:#000; }

не так эффектно как с картинкой но поигравшись со свойствами можно добится не плохого результата
ЗЫ. экономим время загруски странички xDD

 

[starling]

У меня есть такая простенькая кнопка:
<INPUT TYPE="button" class="b1" VALUE="Главная" onClick="location='index.html'">

А в файле CSS описан класс:
.b1 {
background: #CC99FF;
color:#FFff99;
font-size:14pt;
font-style:bold;
}
Может подойдет.

 

[antonka]

спасибо парни. но наверное я сегодня тормоз, куда Ctrl+V "site_search_1_input {color:#0F0; background-color:#000;}???"

<input id="site_search_1_input" name="site_search_1_input" onKeyPress="if (event.keyCode==13) window.location.href='bestsearch.php.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 274px;" type="text"><div style="display: inline"><button onClick="window.location.href='bestsearch.php.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 78px;">поиск</button></div>
 
</form></div>

 

[starling]

<input id="site_search_1_input" name="site_search_1_input" onkeypress="if (event.keyCode==13) window.location.href='bestsearch.php.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 274px;" type="text"><div style="display: inline">
<button
class="b1" onclick="window.location.href='bestsearch.php.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 78px;">поиск</button></div>
</form></<div>

У себя проверила, работает. Не забудь, прописать стиль в файле CSS! (как см. выше, ну и цвет выбери любой).
Все понятно? Если нет, пиши.

 

[antonka]

начинаю потехоньку въезжать, со скрипом но движусь. ..

 

[starling]

Кстати, можно и фон поля изменить.
Ну что, получилось с классом в CSS?
<input id="site_search_1_input"
class="b1"
name="site_search_1_input" onkeypress="if (event.keyCode==13) window.location.href='bestsearch.php.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 274px;" type="text"><div style="display: inline">
<button class="b1" onclick="window.location.href='bestsearch.php.html?site_search_results_1='+document.getElementById('site_search_1_input').value+'&amp;depth=0';" style="width: 78px;">поиск</button></div>
</form></<div>

 

[antonka]

кое что конечно получилось. вот сайт для эксперементов : http://www. fdsa.tora.ru/ но тут придется подождать (примерно сутки) пока сервер обновит закаченные файлы.