提交按鈕當我將鼠標懸停在其上時移動

-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

提交按鈕當我將鼠標懸停在其上時移動

回答

相關問題