IE 8在點擊時移動輸入按鈕的文本

<input type="button" value="Button" />

當按鈕被默認點擊時，IE將文本向下和向下縮進1px。有沒有什麼辦法可以阻止這種與只是 CSS？IE 8在點擊時移動輸入按鈕的文本

我也將自己的樣式添加到此按鈕，並且一切都很好，直到我單擊按鈕中的文本... IE似乎忽略：我的樣式表中定義的活動狀態。但是，如果我單擊按鈕而不是文本，IE將執行：活動狀態。當然，無論我做什麼，文本移動問題仍然存在。

任何想法？

來源

2012-02-22 Deckard

我正在尋找一種方法來禁用點擊過的輸入元素時自動按鈕上的文字位移;你有沒有找到解決方案？ – Maestro13 2012-06-01 09:39:07

如果您使用了樣式化的A型標籤，您完全可以解決整個「受壓」狀態問題。使用display:block和一些CSS，您可以將A標籤設計爲與任何按鈕完全相同。

來源

2012-02-22 14:37:42

我知道這一點。但是有沒有辦法修復實際的輸入按鈕？我不想將所有輸入按鈕都更改爲's。（這是針對所有使用通用樣式表的應用程序的系列，所以會有很多改變。） – Deckard 2012-02-23 09:47:54

我不知道你使用的是哪個版本的IE，但儘量Button background shift 此外，檢查出Remove 3D push effect on button，專門從allicarn答案，從元件改變的填充：活躍。只記得把IE放在IE特定的情況下，就像一個IF塊。

來源

2012-07-04 06:53:59 Mike

好的，所以我遇到了同樣的問題，並且發現了適用於所有瀏覽器的解決方案。

我有兩個表單按鈕，我改變了邊框，字體系列和大小，以及填充。當我在IE中點擊它們時，它們會「跳躍」，因爲在我看來IE是愚蠢的。所有其他瀏覽器似乎正確，而不是樣式的按鈕有難同當用戶點擊這些按鈕移動顯示的問題..

我找到的解決方案是：

樣式表單按鈕，使他們每個人都有相等的利潤率，並應用一個包裝部門，其位置或邊距可以抵消您的喜好。

#myButton { 
     font-family: Times New Roman; 
     font-size: 16pt; 
     border: 2px solid #f7f6f4; 
     margin: 20px; 
     padding:15px; 
    } 



    <div style="float:right;margin-right:75px;"> 
     <input type="submit" name="myButton" id="myButton" value="Don't Jump!" /> 
    </div>

來源

2013-03-07 10:03:20

IE在你看來並不愚蠢，這是一個事實......〜snicker〜 – VoidKing 2013-05-14 19:46:22

IE 8在點擊時移動輸入按鈕的文本

回答

相關問題