Предотвратите действие кнопки на входе html и теге кнопки

Я пишу приложение MVC интрасети и хочу, чтобы все кнопки выглядели и действовали одинаково. Для некоторых действий, таких как Create, Details, Back to List, я использую метод GET, а для Create and Save использую метод POST.Предотвратите действие кнопки на входе html и теге кнопки

Я делаю немного CSS так тег кнопки, и ввода выглядит точно так же:

input[type="submit"].actionButton, 
button[type="submit"].actionButton, 
a.actionButton, 
a.actionButton:visited { 
    background-color: transparent; 
    padding: 4px; 
    margin: 2px; 
    font-family: sans-serif; 
    font-style: normal; 
    font-weight: normal; 
    font-size: 1em; 
    text-decoration: underline; 
    border: none; 
    cursor: pointer; 
}

Но оба вход и кнопки тег имеет эффект для мыши вниз события. Как я могу это предотвратить? Лучшее решение было бы через CSS, но я еще не определил целевой браузер. В основном IE7 и IE8.

Решение этой проблемы по javascript будет прекрасным.

Спасибо,
Петера

источник

2013-04-08 Péter

ищут вас для ': focus' селектор? – silentw

': active {padding: -1px 0 0 -1px; } '? – Silvermind

Я вижу a.actionButton: посетил, но не a.actionButton: активно? Может быть, это решает? – Jefferson

Это поведение по умолчанию кнопки в IE. Это может быть «отменено» (обмануты) путем добавления отрицательного отступы к кнопке на :active

input[type="submit"]:active, 
button[type="submit"]:active { 
    padding: -1px 0 0 -1px; 
}

источник

2013-04-08 11:44:58 Silvermind

Попробуйте с:

input[type="submit"].actionButton:active, 
button[type="submit"].actionButton:active,

источник

2013-04-08 10:29:24 Jaffy

К сожалению, это не решило проблему. –

Предотвратите действие кнопки на входе html и теге кнопки

ответ

Смежные вопросы