-moz-фокус-внутренний

Question

В другом вопросе, который я задал о выравнивании, он был дан мне, чтобы ответить на вопрос о том, что Firefox - бред. Это сработало, но у меня во рту остался кислый вкус, и я объясню почему.

button::-moz-focus-inner { 
  border: 0;
  padding: 0;
}

Opera (10 для этого примера), Firefox (3 для этого примера) и Internet Explorer (7 для этого примера) отображают кнопку input[type="submit"] по-разному. Это свойство focus-inner по умолчанию равно 0 в Opera 10, что-то вроде 5px для Firefox и должно быть 6px для Internet Explorer.

Как я могу " одеяло " сбросить их все на 0? Существует ли стандартный вызов CSS, который не только сделает вышеупомянутое, но также установит это скрытое свойство для IE?

Answer 1

Причина, по которой это происходит, проста: все эти браузеры сделаны разными людьми. Например, попробуйте посмотреть на свои кнопки в Safari. Нет такого правила, как одно правило CSS, которое заставляет все кнопки во всех основных браузерах выглядеть одинаково.

Что ж, на самом деле вы можете достичь пиксельного совершенства, если будете относиться к каждому из них лично, например, к это . И вы всегда можете использовать <input type="image">, это точно поможет.