HTML-флажок отображается очень большим на компьютере пользователя в Firefox и Chrome, а не в IE

Question

Я столкнулся со странностью.

В одном из блоков нашего тестера QA есть флажок HTML, который отображается очень большим в Firefox и Chrome, но в IE он отображается в размере по умолчанию. На моем ящике и других, флажок отображается как обычно.

Существуют ли какие-либо настройки отображения рабочего стола Windows, которые влияют на размер визуализируемых флажков в Firefox и Chrome? Есть ли в CSS что-нибудь, о чем стоит опасаться?

Вот комбинированный CSS, который влияет на элемент управления:

various selectors {
    display: inline;
    margin-top: -1px;
    width: 20px;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 10pt;
    height: 22px;
    line-height: 20px;
    border: 1px solid #6d6d6d;
    padding-left: 3px;
    padding-top: 3px;
    vertical-align: middle;
}

Answer 1

Проще говоря, избегайте использования pt единиц в CSS, так как они могут интерпретироваться по-разному. Придерживайтесь использования px единиц столько, сколько сможете. Поэтому для various selectors установите font-size: 10px;

Answer 2

Установлен ли на компьютере с тестовым боксом шрифт другого размера по умолчанию в браузере?Установите размер шрифта в пикселях флажка для подтверждения.