Gdy masz prosty element na stronie i klikniesz go (przytrzymaj mysz podczas klikania, aby zobaczyć efekt) w IE8/9, przycisk przesuwa się nieco w dół iw prawo .Zapobieganie przesuwaniu <button> podczas kliknięcia w IE
Zakładam, że jest to część domyślnego stylu IE. Czy mimo to można temu zapobiec?
http://jsfiddle.net/tmcconechy/hqm59/
Można zastosować kilka stylów do przycisku. przycisk {margin: 0px; padding: 0px;}
wypełnienie: 0; było wszystko, co było potrzebne, aby to naprawić dla mnie w Firefoksie – seantunwin
można zatrzymać tekst porusza się w przycisk IE:
button:active span, button:focus span {
position:relative;
top: 0;
left: 0;
}
<button><span>no move</span></button>
Kluczem jest tutaj kierowanie dzieci do przycisku, a nie samego przycisku. Jest to domniemane, ale nie jest wyraźnie określone w odpowiedzi. Możesz również zastosować to do pseudoelementów: 'button: active :: before', etc. – gfullam
@gfullam thanks man! Ta informacja, która towarzyszyła mi w odpowiedzi, pomogła mi. – PourMeSomeCode
Umieścić tekst na <span> i position:relative w nim, będzie to naprawić.
button span{
position: relative;
}
Nie potrzeba górnym i lewo definicji.
Jeśli nie przeszkadza przy użyciu JavaScript, widocznie to załatwia sprawę:
$(document).on('mousedown', 'button, input[type="button"], input[type="submit"]', function(e) {
e.preventDefault();
});
nie faktycznie rozwiązać swój problem, moim zdaniem, więc jestem delegowania jako komentarz. Sprawdź http://stackoverflow.com/q/5466906/669611. Po prostu całkowicie usunęli
Nie, Nie jest to łamacz rozdań z pewnością tylko drobnym szczegółem, ponieważ mój prawdziwy przycisk ma własny styl kliknięcia. Chciałbym go mieć i sprawić, by wyglądał tak samo w różnych przeglądarkach. Dzięki – Tim