Как задать один стиль для нескольких input type?

Question

[nano_e_t_4]

Всем привет
У меня есть формы на странице(type=text, password, button, textare, radio) и мне нужно задать один стиль только для форм text и password. Подскажите плз, как это сделать?
Кода такой:

.form form input[type=text] {
    font-size: 12px;
    background: #fff;
    font-family:'Panton-Regular';
    /*padding: 10px 10px 10px 10px; */
    padding: 10px;
    width: 330px; /*is it wrong way? yes it is!!! */
    border: 1px solid #ebeae5;
    margin-left: 0px;
    float:left;
    margin-bottom:10px;
}

Пробовал выставлять:
.form form input[type=text|password]
не работает

Comments

[Ankhena]

тык через запятую два селектора

Answer 1

[Igor Fedorov]

.form form input[type="text"],
.form form input[type="password"]{
    font-size: 12px;
    background: #fff;
    font-family:'Panton-Regular';
    padding: 10px;
    width: 330px;
    border: 1px solid #ebeae5;
    margin-left: 0px;
    float:left;
    margin-bottom:10px;
}

Answer 2

[Алекс Глебов]

отдельным классом
type может поменяться или добавится новый input - text, email, tel, mail их много еще..

Answer 3

[iBird Rose]

вообще обращение через input[type=text] не считается не правильным. задавай класс и стилизуй по нему

Comments

[Igor Fedorov]

Почему же неправильным?

[iBird Rose]

потому что не универсально. нельзя вынести стиль напрямую в корень. потому затронет все инпуты на сайте. а путь прописывать для инпута - это не комильфо. я уж не говорю про путь автора через .form form

[nano_e_t_4]

а что не так с таким путем? у меня есть класс form в нем есть инпуты для которых мне нужна своя стилизация