提交按钮当我将鼠标悬停在其上时移动

-1

任何人都可以告诉我为什么当我将鼠标悬停在提交按钮上时，它会向右跳动/移动。我查看了我的php和css文件，不知道问题出在哪里。我使用的WordPress的WP维护模式插件：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输入对CSS

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

    }

的186线，我想提交按钮当我徘徊时改变颜色。

来源

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

我们是否真的需要三个_exact相同的answer_？ – Turnip 2014-09-23 21:37:23

@ 3rror404需要重复。 – Mike 2014-09-23 21:37:53

您在: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 2014-09-23 21:35:20

@ k65你从某处复制了这个CSS不是吗？ – Mike 2014-09-23 21:36:36

如果你只是想改变颜色删除边框线 – Turnip 2014-09-23 21:36:38

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

线的这种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; 
}

只是删除从css..it的border-left: 3px solid #e0e0e0;将被罚款....

来源

2014-09-23 21:38:24

提交按钮当我将鼠标悬停在其上时移动

回答

相关问题