-moz-фокус-внутренний - PullRequest
Новая
       20

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

14 голосов
/ 16 сентября 2009

В другом вопросе, который я задавал о выравнивании, он был дан мне, чтобы ответить на вопрос о том, что 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?

1 Ответ

7 голосов
/ 16 сентября 2009

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

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

...