См. Этот пример кода: http://jsfiddle.net/Z2BMK/
Chrome / IE8 выглядят так
Firefox выглядит так
Мой CSS
button {
padding:0;
background:#080;
color:white;
border:solid 2px;
border-color: #0c0 #030 #030 #0c0;
margin:0;
}
Как могу ли я изменить образец кода, чтобы кнопка была одинаковой в обоих браузерах? Я не хочу использовать гиперссылки на основе JavaScript, потому что они не работают с пробелом на клавиатуре, и у него должен быть URL href
, который не является чистым способом справиться с вещами.
:: - moz-focus-inner {margin: -1px; отступ: 0; ширина границы: 1px; }