2010-07-31 2 views
0

Если у меня есть 2 поля ввода без CSS, а затем я добавляю ТОЛЬКО цвет фона в один, он полностью меняет внешний вид этого поля. Кажется, он меняется как минимум, высота, граница, пограничный стиль и цвет границы.Что такое css для поля ввода, в котором нет css?

Я знаю, что могу изменить CSS для всех полей ввода, чтобы они соответствовали друг другу. Но кто-нибудь знает, что CSS для настроек по умолчанию для текстового поля ввода? Мне нравится, как он выглядит, и мне приходится сопоставлять многие, у которых нет CSS.

пример:

 
<style type="text/css"> 
#b { 
    background-color: #FFF; 
} 

</style> 
</head> 
<body> 

<form> 
<input id="a" type="text" /> 
<input id="b" type="text" /> 
</form> 
</body> 

ответ

4

Это полностью браузер и ОС зависит, каждый браузер имеет другой стиль по умолчанию для элементов ввода и будет реагировать по-разному при применении дополнительных стилей. Для согласованных элементов ввода в кросс-браузере вам нужно стилизовать каждый аспект элемента (по крайней мере, границы, фон и отступы).

+0

Я боялся, что это был ответ. Спасибо – sdfor

+2

Вот почему многие люди используют сброс CSS, чтобы гарантировать, что вы начинаете с тех же базовых стилей для всех элементов. –

+0

ах, спасибо, я вижу это сейчас. – sdfor

1

Добро пожаловать в мир css resets.

Я обнаружил, что для веб-сайта требуется только некоторые правила сброса, чтобы остановить все эти причуды и различные значения по умолчанию для определенных элементов.

Один им используется this one.

+0

спасибо, много смысла, спасибо – sdfor

Смежные вопросы