css input type

[Лубышев]

Доброго времени суток. вот и опытному верстальщику понадобилась ваша помощь.

Есть сайт с адски большим количеством всяких контролов и форм (соц.сеть)
Заказщики хотят изменить дизайн, а я ни id ни class не ставил контролам, ну а формам уж тем более.

Как применить стиль контролу типа input в зависимости от того какой у него тип: сендер, поле, пароль и т.д.

[Лубышев]

Вопрос решен.

input[type=text]{}
input[type=submit]{}

Если кому интересно то я еще одну офигенную на мой взгляд вещь по этой же теме нашел
оформлять ссылку по условию
например если ссылается на doc файл или xls:

a[href$=".doc"]{}
a[href$=".xls"]{}

[Naive]

На эту же тему, вдруг кому пригодится...
Стилизация селекта:

<style>
.b-offer-field-select-style {
  position: absolute;
  padding:2px 15px 3px;
  display:inline-block;
  background: #ddf1f5;
  background:rgba(255,255,255,.7);
  color:#66bfdc;
  width:220px;
  border:0 none;
  border-radius: 3px;
  box-shadow: inset 0 2px 2px -3px #000;
}
.b-offer-field-select-style:after {
  position: absolute;
  content:'';
  right:15px;
  top:50%;
  margin:-2px;
  border:solid;
  border-color:#069 rgba(0,102,153,0);
  border-color:#069 transparent;
  border-width:4px 4px 0;
}
.b-offer-field-select {
  opacity:0;
  width:250px;
}
.b-offer-field-select option {
  opacity:1;
}
</style>

<label class="b-offer-field-one">
  <span class="b-offer-field-one-label">Город проживания:</span>
  <span class="b-offer-field-select-style">Екатеринбург</span>
  <select class="b-offer-field-select" type="text" name="delivery_city" tabindex="1">
    <option value="0">Екатеринбург</option>
    <option value="1">Арамиль</option>
    <option value="20">Первоуральск</option>
    <option value="21">Полевской</option>
  </select>
</label>

Стили, конечно под свой диз нужно перерабатывать...
Чек-бокс и радио:

<style>
.b-offer-field-one-cb {
  opacity: 0;
  position: relative;
  z-index: 2;

}
.b-offer-field-one-cb-label {
  position: relative;
  color:#069;
}
.b-offer-field-one-cb-label::before {
  position: absolute;
  content: '';
  top:0;
  left:-23px;
  width:9px;
  height:9px;
  background: #fff;
  border:3px solid #fff;
  border-radius: 50%;
  box-shadow:0 -1px 1px -1px #666;
}
.b-offer-field-one-cb:checked +
.b-offer-field-one-cb-label::before {
  background: rgb(109,203,215); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(109,203,215,1) 0%, rgba(60,158,188,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,203,215,1)), color-stop(100%,rgba(60,158,188,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(109,203,215,1) 0%,rgba(60,158,188,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(109,203,215,1) 0%,rgba(60,158,188,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(109,203,215,1) 0%,rgba(60,158,188,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(109,203,215,1) 0%,rgba(60,158,188,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6dcbd7', endColorstr='#3c9ebc',GradientType=0 ); /* IE6-9 */
}
.b-offer-field-one-cb:focus +
.b-offer-field-one-cb-label::before {
  box-shadow:0 -1px 1px -1px #666, 0 1px 2px -1px #fff;
}

.b-offer-field-one-cb-otk-chose {
  color:#39c;
  text-decoration:none;
}
.b-offer-field-one-cb-chose-decoration {
  text-decoration:underline;
}
</style>

<label class="b-offer-field-one-cb-wrapper">
  <input type="checkbox" class="b-offer-field-one-cb" value="vis" name="addons">
  <span class="b-offer-field-one-cb-label">Визитка</span>
</label>

Еще можно добавить, что стоит проставлять min-width и max-width для textarea, чтобы в современных браузерах не разъезжалось окно, как на этом форуме.