Кнопка отправки Перемещает, когда я навис над ним

-1

Может ли кто-нибудь сказать мне, почему, когда я наводил кнопку «Отправить», она дергается/перемещается вправо. Я просмотрел свои файлы php и css и не знаю, где проблема. Я использую плагин в режиме обслуживания WP на Wordpress: https://wordpress.org/plugins/wp-maintenance-mode/ Мой сайт: http://boasish.com Кнопка отправки Перемещает, когда я навис над ним

<div class="subscribe_wrapper" style="min-height: 100px;"> 
       <form class="subscribe_form buffer-inserted" novalidate="novalidate"> 
        <input type="text" placeholder="Get notified when it is ready via email"  name="email" class="email_input" data-rule-required="true" data-rule-email="true" aria-required="true"> 
        <input type="submit" value="Submit"> 
       </form> 
      </div>

Я сознаю :hover вход на линии 186 CSS

.wrap form.subscribe_form input[type="submit"]:hover { 
    background: #444444; 
    color: #fff; 
    border-left: 3px solid #e0e0e0; 

    }

Я хотел кнопку Представить меняйте цвета, когда я навис над ним.

источник

2014-09-23 k65

.wrap form.subscribe_form input[type="submit"]:hover { 
    background: #444444; 
    color: #fff; 
    border-left: 3px solid #e0e0e0; 

}

Это нарушающая черта, удалите t его от вашего css.

border-left: 3px solid # e0e0e0;

источник

2014-09-23 21:35:46 Mike

Нужно ли нам действительно три одинаковых ответа? – Turnip

@ 3rror404 Необходимость повторения. – Mike

Вы добавляете левую границу :hover, которая вызывает кнопку перекладывать:

.wrap form.subscribe_form input[type="submit"]:hover { 
    background: #444444; 
    color: #fff; 
    border-left: 3px solid #e0e0e0; 
}

Научиться использовать инструменты разработчика вашего браузера делает этот вид отладки невероятно легкий

источник

2014-09-23 21:33:06 Turnip

Я знаю, я не хотел Отправить чтобы изменить цвета, когда я навис над ним. Есть ли лучший способ сделать это? – k65

@ k65 вы скопировали этот CSS откуда-то, не так ли? – Mike

Если вы просто хотите изменить цвет, удалите граничную строку – Turnip

.wrap form.subscribe_form input[type="submit"]:hover { 
    background: #444444; 
    color: #fff; 
    border-left: 3px solid #e0e0e0; 
}

Line 186 :)

источник

2014-09-23 21:34:54 Milkmannetje

в вашем style.css (линия №: 186)

.wrap form.subscribe_form input[type="submit"]:hover { 
background: #444444; 
color: #fff; 
border-left: 3px solid #e0e0e0; 
}

просто удалить border-left: 3px solid #e0e0e0; из css..it будет хорошо ....

источник

2014-09-23 21:38:24

Кнопка отправки Перемещает, когда я навис над ним

ответ

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