Есть простой сайт, написанный на жуткой смеси Bootstrap и табличной верстки. К некоторым кнопкам(input type="submit")
применяются только inline-стили, т.е. из внешнего css или даже из тега style стили не работают(правда display:none почему-то срабатывает). Я бы не стал париться, но во-первых, нужна обработка :hover, а во-вторых, уже сталкивался с таким, !important обычно помогал. Хочу понять, что мешает применять нормальные стили.
Вот код одной из таких кнопок и её обработки:
<div class="FORM formProduct">
<form method="POST" action="" onsubmit="get_consult1()" id="get_consult1">
<input type="text" class="name" name="name" value="" placeholder="Ваше имя" required="required"/>
<input type="tel" class="phone" name="phone" value="" placeholder="Ваш телефон" required="required"/>
<input type="hidden" name="Вывески" value=" Вывескам">
<input style="background-color: #ffee58!important;font-size: 18px!important; padding-top: 0;white-space: normal;" class="cons" value="Получить консультацию" type="submit">
<!--button style="border-radius:0px;border:none; display: inline-block;margin-top: -150px; padding-top: 0;">Получить<br/>консультацию</button-->
<!-- <span class="proceed yellow submit">Получить консультацию</span> -->
</form>
</div>
function get_consult1() {
var msg = $('#get_consult1').serialize();
$.ajax({
type: 'POST',
url: './forms/get_consult.php',
data: msg,
success: function(data) {
$('#results').html(data);
}
// ,
// error: function(xhr, str){
// alert('Возникла ошибка: ' + xhr.responseCode);
// }
});
return false;
}
P.S. После отправки формы страница перезагружается, с аяксом такого не должно быть, что не так в скрипте?
Простой
Средний
