Nikstorma
@Nikstorma
Ищу компаньона - веб-разработчика

К кнопке на форме применяются только inline-стили?

Есть простой сайт, написанный на жуткой смеси 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. После отправки формы страница перезагружается, с аяксом такого не должно быть, что не так в скрипте?
  • Вопрос задан
  • 219 просмотров
Пригласить эксперта
Ответы на вопрос 1
oren
@oren
Frontend Dev, Бизнес-информатика
Если вы пытаетесь заменить стили из Bootstrap своими, то ваш css файл должен загружаться после файла Bootstrap.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы