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

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


person Dorjan    schedule 16.09.2009    source источник
comment
Я сомневаюсь, что MSIE и Opera умеют отображать свойства -moz-something :)   -  person n1313    schedule 16.09.2009
comment
n1313, это не вопрос на самом деле. Вопрос в том, что кнопки отправки используются всеми браузерами. Все они, кажется, устанавливают это значение внутри, и я хочу знать 1) ПОЧЕМУ!?!?!?!? 2) простой способ поменять их все одним махом.   -  person Dorjan    schedule 16.09.2009
comment
2014, и это все еще происходит ... не только это, но и не очень помогает, если на кнопке определена высота ...   -  person Gonçalo Vieira    schedule 11.04.2014


Ответы (1)


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

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

person n1313    schedule 16.09.2009
comment
type=image предотвратит отправку формы без javascript, верно? - person Dorjan; 16.09.2009
comment
Кроме того, да, я понимаю, что они сделаны разными людьми, но, конечно же, они могут открыть дизайн (как пытался сделать Firefox), чтобы другие могли исправить это по-своему? - person Dorjan; 16.09.2009
comment
Нет, type=image эквивалентно type=submit. Вы можете нажать на нее, и форма будет отправлена. - person n1313; 16.09.2009
comment
Ну, то, что я хотел, не может быть получено, поэтому я приму это как возможный вариант. Спасибо n1313 - person Dorjan; 22.09.2009