Удалите полный стиль кнопки HTML / отправьте

Есть ли способ полностью удалить стиль кнопки в Internet Explorer? Я использую спрайт css для своей кнопки, и все выглядит нормально.

Но когда я нажимаю кнопку, она немного перемещается вверх, из-за этого выглядит не по форме. Есть ли состояние клика css или mousedown? Я не знаю, что вызывает это состояние.

Я знаю, что это не так уж и важно, но иногда важны мелочи.

Я предполагаю, что когда вы говорите `` нажмите кнопку, она немного переместится вверх '', вы говорите о состоянии нажатия кнопки мыши для кнопки, и что когда вы отпускаете кнопку мыши, она возвращается в свое нормальное состояние ? И что вы отключаете рендеринг кнопки по умолчанию, используя:

input, button, submit { border:none; } 

Если так..

Лично я обнаружил, что вы не можете на самом деле остановить / переопределить / отключить это собственное действие IE, что заставило меня немного изменить разметку, чтобы учесть это движение и не влиять на общий вид кнопки для различных состояний.

Это моя последняя разметка:

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

Я думаю, это обеспечивает более тщательный подход:

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

<button>Example</button>

В вашем вопросе написано "Internet Explorer", но для тех, кто интересуется другими браузерами, теперь вы можете использовать all: unsetкнопки, чтобы изменить их стиль.

Это не работает в IE, но хорошо поддерживается везде.

https://caniuse.com/#feat=css-all

Старое предупреждение о цвете в Safari: установка текста colorкнопки после использования all: unsetможет завершиться ошибкой в ​​Safari 13.1 из- за ошибки в WebKit . (Ошибка исправлена ​​в Safari 14 и более поздних версиях.) « all: unsetУстанавливается -webkit-text-fill-colorчерный цвет, и это переопределяет цвет». Если вам нужно установить текст colorпосле использования all: unset, обязательно установите один colorи -webkit-text-fill-colorтот же цвет для обоих .

Предупреждение о специальных возможностях: для пользователей, которые не используют указатель мыши, обязательно повторно добавьте некоторые :focusстили, например, button:focus { outline: orange auto 5px }для доступности с клавиатуры .

И не забывай cursor: pointer. all: unsetудаляет все стили, включая стиль, cursor: pointerкоторый делает курсор мыши похожим на указывающую руку при наведении курсора на кнопку. Вы почти наверняка захотите вернуть это.

button {
  all: unset;
  color: blue;
  -webkit-text-fill-color: blue;
  cursor: pointer;
}

button:focus {
  outline: orange 5px auto;
}

<button>check it out</button>

Попробуйте удалить границу с кнопки:

input, button, submit
{
  border:none;
}

В бутстрапе 4 проще всего. Вы можете использовать классы: bg-transparentиborder-0

Думаю дело в кнопке "активное" состояние.

Добавьте простой стиль вашей кнопке

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