Архив форумов ЦИТФорума

[tana]

Помогите поменять оформление у select, не получается оформить селект так же как и input. Может кто подскажет что у меня не так.

<form action="http://lv.hitmaster.ru/order/" method=post class="form1">
<input name="dat[4]" type="text" value="ФИО" class="area1">
<input name="dat[5]" type="text" value="E-MAIL" class="area1">
<input name="dat[8][]" type="text" value="Контактный телефон" class="area1">
<p class="area1">
<select name=dat[7] class="area2"><option value='0' selected>Разработка бизнес-приложений</option><option value='1' >IT-оутсорсинг</option><option value='2' >IT-консалтинг</option></select>
</p>
<input type="submit" class="send" value="ОТПРАВИТЬ" ></form>



.form1{
text-align: left;
font-size: 10px;
font-weight: bold;
color: #666e73;
font-family: Arial, Helvetica, sans-serif;
width: 100%;

}

input.area1{
text-align: left;
font-size: 12px;
font-weight: bold;
color: #666e73;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
width: 200px;
height: 20px;
margin: 0 0 2px 0;
padding: 4px 2px 0 5px;
border-color: #d2d2d2;
border-style: solid;
border-width: 1px;
}

.form1.area1{
text-align: left;
font-size: 10px;
font-weight: bold;
color: #666e73;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
width: 200px;
height: 20px;
margin: 0 0 0 0;
padding: 2px 0 0 0;
border-color: #d2d2d2;
border-style: solid;
border-width: 1px;
}
select.area2 {
width: 210px;
height: 60px;
border-color: #000000;
border-style: solid;
border-width: 1px;
}

[beliy]

сделай стиль

[tana]

сделала вот такой класс
.input{
...
...
width: 200px;
height: 20px;
margin: 0 0 2px 0;
padding: 4px 2px 0 5px;
border-color: #d2d2d2;
border-style: solid;
border-width: 1px;
}


и переписала


<form action="http://lv.hitmaster.ru/order/" method=post class="form1">
<input name="dat[4]" type="text" value="ФИО" class="input">
<input name="dat[5]" type="text" value="E-MAIL" class="input">
<input name="dat[8][]" type="text" value="Контактный телефон" class="input">
<p class="area1">
<select name=dat[7] class="input"><option value='0' selected>Разработка бизнес-приложений</option><option value='1' >IT-оутсорсинг</option><option value='2' >IT-консалтинг</option></select>
</p>
<input type="submit" class="send" value="ОТПРАВИТЬ" ></form>


но результата нет

[Neeoon]

Как я знаю елемент селект не поддаётся изменениям, так как елемент инпут.
Если кто-то видел переделаный елемент селект, скиньке ссылку, очень хочу посмотреть, спасибо.
_________________
Всё, что ни делается, - всё к лучшему!

[tana]

Я не встречала измененного селекта, но по дизайну нужно его изменить, вот и мучаюсь

[beliy]

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

[tana]

Цвет текста меняется. А мне нужно поменять цвет и толщину рамки. Вот это то и не получается.

[Neeoon]

если надо поменять, тогда надо сделать свой елемент, похожий на елемент селект
_________________
Всё, что ни делается, - всё к лучшему!

[tana]

[Neeoon]

а можеш скинуть картинку этого селекта, я хочу попробывать сделать
_________________
Всё, что ни делается, - всё к лучшему!

[tana]

я плохо еще ориентируюсь в пользовании форумом, и не могу прикрепить картинку к письму. Может напишешь свой е-mail тут?

[Neeoon]

380979478537[@]list[to4ka]ru
_________________
Всё, что ни делается, - всё к лучшему!

[tana]

лови письмо

[Neeoon]

ну как, подходит?
_________________
Всё, что ни делается, - всё к лучшему!

[iosheff]

Не поменяете вы SELECT!
Я долго мучался. Его Винда отрисовывает сама как-то хитро. Притом его еще и слоями перекрыть невозможно, разве что внутрь слоя вставить IFRAME. Писал виртуальные окна - так намучался вдоволь.
Есть компонентты сторонних производителей там на JS на основе тегов DIV есть неплохие варианты (с поддержкой картинок и т.п.).

http://blueshoes.org/
http://domapi.com/
http://www.activewidgets.com/

Там вроди было!

[tana]

Спасибочки за ссылки, обязательно почитаю