Czy istnieje sposób na całkowite usunięcie stylu przycisku w przeglądarce Internet Explorer? Używam sprite'a css dla mojego przycisku i wszystko wygląda dobrze.
Ale kiedy klikam przycisk, przesuwa się on trochę na górę, przez co wygląda na to, że nie ma kształtu. Czy występuje stan kliknięcia CSS lub przycisk myszy? Nie wiem, co wywołuje ten stan.
Wiem, że to nic wielkiego, ale czasami liczą się małe rzeczy.
!important
. To powiedziawszy, usunąłem go, ponieważ jest to decyzja sytuacyjna.background: none
jest całkowicie poprawne: stackoverflow.com/questions/20784292/…<button/>
... w moim przypadku załatwiło sprawęfont: inherit;
. Dziękuję Ci!Twoje pytanie brzmi „Internet Explorer”, ale osoby zainteresowane innymi przeglądarkami mogą teraz użyć
all: unset
przycisków, aby je zmienić.Nie działa w IE, ale wszędzie jest dobrze obsługiwany.
https://caniuse.com/#feat=css-all
Stare ostrzeżenie dotyczące koloru przeglądarki Safari: ustawienie tekstu
color
przycisku po użyciuall: unset
może się nie powieść w przeglądarce Safari 13.1 z powodu błędu w WebKit . (Błąd został rozwiązany w przeglądarce Safari 14 i nowszych). „all: unset
Jest ustawiony-webkit-text-fill-color
na czarny, a to zastępuje kolor”. Jeśli musisz ustawić tekstcolor
po użyciuall: unset
, upewnij się, że ustawiłeś ten sam kolor zarówno dla, jakcolor
i-webkit-text-fill-color
dla.Ostrzeżenie Dostępność: Dla użytkowników, którzy nie korzystają z kursorem myszy, należy ponownie dodać kilka
:focus
stylizacji, npbutton:focus { outline: orange auto 5px }
o dostępności klawiatury .I nie zapomnij
cursor: pointer
.all: unset
usuwa wszystkie style, w tymcursor: pointer
, co powoduje, że kursor myszy wygląda jak wskazująca dłoń po najechaniu na przycisk. Prawie na pewno chcesz to przywrócić.button { all: unset; color: blue; -webkit-text-fill-color: blue; cursor: pointer; } button:focus { outline: orange 5px auto; }
<button>check it out</button>
źródło
outline
style dla:focus
stanu elementu.outline
stylu. (Ale nie sądzę, aby było coś jeszcze, co musielibyśmy ponownie dodać do celów 11y. Czy wiesz o czymś?)Spróbuj usunąć obramowanie z przycisku:
input, button, submit { border:none; }
źródło
W bootstrap 4 jest najłatwiej. Możesz skorzystać z klas:
bg-transparent
iborder-0
źródło
shadow-none
dla mnie i to wystarczy. Dzięki!Myślę, że to stan przycisku „aktywny”.
źródło
Dodaj prosty styl do swojego przycisku
.btn { background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; }
źródło