it-swarm.com.ru

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

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

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

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

52
Saif Bechan

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

input, button, submit { border:none; } 

Если так..

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

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

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

50
a darren

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

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

52
Kevin Leary

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

input, button, submit
{
  border:none;
}
7
Sarfraz

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

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

button {
  all: unset;
}
<button>check it out</button>

1
Dan Fabulich

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

0
ValRob

Я думаю, что это кнопка «активное» состояние.

0
Midhat