В другом вопросе я спросил о выравнивании, которое мне было дано, чтобы ответить на вопрос о том, что 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.
Как я могу "обложить" reset все их до 0? Есть ли стандартный вызов CSS, который не только сделает это, но и установит это скрытое свойство для IE?
Причина, по которой это происходит, проста: все эти браузеры сделаны разными людьми. Например, попробуйте посмотреть на свои кнопки в Safari. Нет такого понятия, как одно правило css, которое заставляет все кнопки во всех основных браузерах выглядеть одинаково.
Ну, на самом деле вы можете достичь пиксельного совершенства, если будете относиться к каждому из них лично, вот так. И вы всегда можете использовать <input type="image">, это точно поможет.