Как да вкарам стил в самотот инпут поле за търсене и бутона

[lays]

Здравейте. Пичове интересува ме как да вкарам стил в полето за търсене... :? Искам полето кадето се пише да е със сил и бутока също да бъде залепено със стил... Сега ще потърся из нета да видя за пример да дам... Ако някой се сети нека каже ПЛС


ПС: ето пример за това което искам КВЪЦК

 

[h4ckY]

input{
border: 1px solid #7f7f7f;
background-color: #85db18;
color: #000000;
}

input:focus{
border: 1px solid black;
background-color: #cbe855;
color: #000000;
}

Примерно така, поставяш го с CSS-а

 

[shterev]

input{
border: 1px solid #7f7f7f;
background-color: #85db18;
color: #000000;
}

input:focus{
border: 1px solid black;
background-color: #cbe855;
color: #000000;
}

Примерно така, поставяш го с CSS-а

Това нещо не работи в Експлорер!!!
п.с. бях писал как става, с javascript.

 

[h4ckY]

Това нещо не работи в Експлорер!!!
п.с. бях писал как става, с javascript.

Ми като си писал как става със JS дай линк де

 

[lays]

Хмм приятели не не не... Не е това което търся... На мен ми е ясно как да си добавя стил на самият инпут... Може би не ви обясних правилно и не ви дадох правилният пример... Сега ще се опитам отново. Искам да направя ъглите на инпута да са заоблени, а бутончето да е плътно долепено до инпута... Предполагам, че това на грозде.ком е така затова дадох него за пример... Ако имате нещо в предвид казвайте... сега ще се помъча да намеря от някъде по качествен пример да разберете за какво става дума


ПС: Ето както е тук в дясно кадето е полето за търсене... :?:

 

[shterev]

има много варианти как да се направи.

 

[I_V_O]

За да ти са заоблени краищата правиш си картинка и я слагаш за фон на полето, правиш му дължината на инпута да е като на картинката там дооправяш си го с падинг и готово. Няма нищо сложно :lol: А за да е плътно долепено бутончето изпползвай маргин или absolute/relative позиция