Usuń całą stylizację przycisku / przesyłania HTML

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.

Zakładam, że kiedy mówisz `` kliknij przycisk, przesuwa się on trochę na górę '', mówisz o stanie kliknięcia przycisku myszy i że po zwolnieniu przycisku myszy powraca on do normalnego stanu ? I że wyłączasz domyślne renderowanie przycisku za pomocą:

input, button, submit { border:none; } 

W takim razie..

Osobiście odkryłem, że nie można faktycznie zatrzymać / zastąpić / wyłączyć tej natywnej akcji IE, co skłoniło mnie do zmiany znaczników, aby umożliwić ten ruch i nie wpływać na ogólny wygląd przycisku dla różnych stanów.

To jest moja ostateczna marża:

<span class="your-button-class">
    <span>
        <input type="Submit" value="View Person">
    </span>
</span>

Myślę, że zapewnia to dokładniejsze podejście:

button, input[type="submit"], input[type="reset"] {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
}

<button>Example</button>

Twoje pytanie brzmi „Internet Explorer”, ale osoby zainteresowane innymi przeglądarkami mogą teraz użyć all: unsetprzyciskó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 colorprzycisku po użyciu all: unsetmoż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: unsetJest ustawiony -webkit-text-fill-colorna czarny, a to zastępuje kolor”. Jeśli musisz ustawić tekst colorpo użyciu all: unset, upewnij się, że ustawiłeś ten sam kolor zarówno dla, jak colori -webkit-text-fill-colordla.

Ostrzeżenie Dostępność: Dla użytkowników, którzy nie korzystają z kursorem myszy, należy ponownie dodać kilka :focusstylizacji, np button:focus { outline: orange auto 5px }o dostępności klawiatury .

I nie zapomnij cursor: pointer. all: unsetusuwa wszystkie style, w tym cursor: 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>

Spróbuj usunąć obramowanie z przycisku:

input, button, submit
{
  border:none;
}

W bootstrap 4 jest najłatwiej. Możesz skorzystać z klas: bg-transparentiborder-0

Myślę, że to stan przycisku „aktywny”.

Dodaj prosty styl do swojego przycisku

.btn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}