Что заставляет «таблицу стилей пользовательского агента» использовать «border-box» вместо «content-box» для определения размера блока?

У меня сложилось впечатление, что таблица стилей пользовательского агента в браузерах, таких как Safari, Chrome и Firefox, - это что-то который является внутренним для браузера и не может быть изменен напрямую (скорее, необходимо переопределить свойство стиля).

У меня также сложилось впечатление, что на различных веб-сайтах, включая Mozilla, значение по умолчанию в поле Свойство -sizing для Webkit и Mozilla - «content-box».

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

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

На одной странице мы видим свойство размера коробки "border-box" в веб-инспекторе или консоли. Он назначен селектору CSS input: not ([type = "image"]), textarea .

На другой странице нет упоминания о свойстве размера окна в веб-инспекторе или консоли.

Кто-нибудь знает, есть ли способ напрямую повлиять на определение размера блока в таблице стилей пользовательского агента для конкретной страницы? Может есть библиотека, которая этим занимается? Мы используем в приложении prototype.js и swfobject.js ...

ОБНОВЛЕНИЕ : на тот случай, если я не понял почти на каждой странице в моем веб-приложении, и на каждой «фиктивной» странице, которую я тестировал на свойстве box-sizing, есть значение по умолчанию «content-box». По какой-то причине одна конкретная страница в моем веб-приложении показывает в веб-инспекторе, что таблица стилей пользовательского агента (используемая браузером по умолчанию) установила для этого свойства значение «border-box». Я не могу понять, почему это так. Я ищу все, что могло бы заставить Firefox изменить значение этого свойства по умолчанию.

26
задан natlee75 3 November 2011 в 16:12
поделиться