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

Question

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

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

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

Answer 1

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

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

<button>Example</button>

Answer 2

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

input, button, submit { border:none; } 

Если так ..

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

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

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

Answer 3

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

input, button, submit
{
  border:none;
}

Answer 4

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

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

button {
  all: unset;
}

<button>check it out</button>

Answer 5

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

Answer 6

Мне кажется, это кнопка «активное» состояние.