Пожалуйста, объясните подробно эту часть YUI3 CSS Reset - PullRequest
Новая
       8

Пожалуйста, объясните подробно эту часть YUI3 CSS Reset

4 голосов
/ 21 мая 2010

Чем полезны эти 2 вещи в сбросе CSS?

В чем проблема при изменении размера элементов ввода в IE и в какой версии?

и если цвет легенды не наследуется в IE, то как это можно решить, добавив color:#000;

/*to enable resizing for IE*/
input,
textarea,
select {
    *font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
    color:#000;
}

1 Ответ

2 голосов
/ 22 мая 2010

Первое правило на самом деле относится не только к IE, но и ко всем веб-браузерам. Обычно вы хотите определить global шрифт в body: 

body {
    font: 1.1em verdana, arial, sans-serif;
}

Но это не применяется (наследуется) к элементам управления формы в всех веб-браузерах. Тогда это правило будет применять (только) размер шрифта к ним. Один из способов - установить font на inherit для этих элементов: 

input, select, textarea {
    font: inherit;
}

Но это не работает в IE6 / 7. Другой способ - просто явно включить элементы в правило: 

body, input, select, textarea {
    font: 1.1em verdana, arial, sans-serif;
}

То, что был установлен только font-size, возможно потому, что ребята из YUI хотели бы, чтобы форма управляла их собственным семейством шрифтов браузера по умолчанию (это sans-serif для input и select и monospace за textarea). 100% используется потому, что IE6 / 7 не поддерживает inherit.

Что касается второго правила: я не уверен, что они здесь имели в виду. Я сделал небольшой тест в IE6 / 7. legend просто наследует цвет от своего родительского элемента. Может быть, настоящая проблема лежит где-то еще?

...