Есть ли способ полностью удалить стиль кнопки в 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>Попробуйте удалить границу с вашей кнопки:
input, button, submit
{
border:none;
}
На ваш вопрос написано "Internet Explorer", но для тех, кто интересуется другими браузерами, теперь вы можете использовать all: unset on button, чтобы отменить их стилизацию.
Он не работает в IE или Edge 18, но хорошо поддерживается везде.
https://caniuse.com/#feat=css-all
button {
all: unset;
}<button>check it out</button> В начальной загрузке 4 проще всего. Вы можете использовать классы: bg-transparent и border-0
Я думаю, что это кнопка "активное" состояние.