CSS свойство input[type="text"] очень удобно, т.к. позволяет обратится непосредственно к элементу определенного типа. Написав следующее свойство CSS, мы обратится ко всем текстовым полям ввода:

input[type="text"] {
	border: 1px solid #333;
	padding: 4px 5px;
	height:26px;
}


Так же мы можем использовать и другие типы полей:

input[type="text"], input[type="password"], input[type="file"] {
	border:1px solid #333;
}

Свойство очень удобное, благодаря ему можно сделать все кнопки на проекте определенного стиля, как и поля ввода. Но есть небольшая ложка дегтя - данное свойство отказывается работать в IE6-IE7.

Как быть в таком случае? На помощь как всегда придут expression, которые работают исключительно в IE начиная с 5 версии.

Теперь наш код CSS будет таким:

/* fixed IE */
input {
	scrollbar-face-color: expression(runtimeStyle.scrollbarFaceColor = '#fff', className = (className) ? ' type-'+type : 'type-'+type)
}
/* /fixed IE */

input[type="text"], input[type="password"], input[type="file"], input.type-text, input.type-password, input.type-file{
	border:1px solid #333;
	padding: 4px 5px;
	height:26px;
}

Вот и все!

(Visited 175 times, 1 visits today)