Pertanyaan Anda mengatakan "Internet Explorer", tetapi bagi mereka yang tertarik dengan browser lain, Anda sekarang dapat menggunakan all: unset
tombol untuk menghilangkan gaya mereka.
Ini tidak berfungsi di IE atau Edge 18, tetapi didukung dengan baik di tempat lain.
https://caniuse.com/#feat=css-all
Peringatan warna Safari: Mengatur teks color
tombol setelah digunakan all: unset
bisa gagal di Safari 13.1, karena bug di WebKit . (Bug akan diperbaiki di Safari 14 dan yang lebih baru.) " all: unset
Disetel -webkit-text-fill-color
ke hitam, dan itu menggantikan warna." Jika Anda perlu menyetel teks color
setelah menggunakan all: unset
, pastikan untuk menyetel color
dan -webkit-text-fill-color
ke warna yang sama.
Peringatan aksesibilitas: Demi pengguna yang tidak menggunakan penunjuk mouse, pastikan untuk menambahkan kembali beberapa :focus
gaya, misalnya button:focus { outline: orange auto 5px }
untuk aksesibilitas keyboard .
Dan jangan lupa cursor: pointer
. all: unset
menghapus semua gaya, termasuk cursor: pointer
, yang membuat kursor mouse Anda terlihat seperti tangan yang menunjuk saat Anda mengarahkan kursor ke tombol. Anda hampir pasti ingin mengembalikannya.
button {
all: unset;
color: blue;
-webkit-text-fill-color: blue;
cursor: pointer;
}
button:focus {
outline: orange 5px auto;
}
<button>check it out</button>