Прикладываю снимок. У BODY размер 12px, у вложенного select font-size указан как smaller/
Я ожидал, что результат будет 10px, оказалось 13.333px
Почему?
1. Contr - 31 Января, 2019 - 00:37:46 - перейти к сообщению
2. Vladimir Kheifets - 01 Февраля, 2019 - 08:01:31 - перейти к сообщению
Contr пишет:
Прикладываю снимок. У BODY размер 12px, у вложенного select font-size указан как smaller/
Я ожидал, что результат будет 10px, оказалось 13.333px
Почему?
Я ожидал, что результат будет 10px, оказалось 13.333px
Почему?
Добрый день!
Не работатет, потому, что select не наследует свойства body.
select{font-size:smaller} применятся к свойсву font-size, которое
устаналивается браузером по умолчанию.
Цитата:
по умолчанию потомками от родителей наследуются свойства font-family, font-size, font-style, font-variant, font-weight, line-height.
Все эти свойства наследуются дочерними элементами от родителей по умолчанию с одним исключением: теги <input>, <textarea>, <button>, <select>, <keygen>
не наследуют от родителей свойства font-family и font-size, браузеры назначают им собственные значения этих свойств в user agent stylesheets
Все эти свойства наследуются дочерними элементами от родителей по умолчанию с одним исключением: теги <input>, <textarea>, <button>, <select>, <keygen>
не наследуют от родителей свойства font-family и font-size, браузеры назначают им собственные значения этих свойств в user agent stylesheets
см. http://cssfollow[dot]ru/inherited-by-default/
Например:
Спойлер (Отобразить)
select, option и если необходимо optgroup
Удачи!