輸入中帶有類型按鈕的圖標問題

我遇到問題，我有2個按鈕，您可以在下面看到。我需要添加errorIcon，但想要保持按鈕1的外觀。按鈕1有瀏覽器指定樣式，我對button1沒有做任何事情。輸入中帶有類型按鈕的圖標問題

Pic of the buttons in firefox

HTML：

Button1: <input type="button" value="Button1" /> 
Button2: <input type="button" class="errorIcon" value="Button2" />

CSS：

.errorIcon{ 
    background: url("errorIcon.png") no-repeat scroll top left; 
    padding-left: 10px; 
    width: 10px; 
}

請注意，我不能使用下面的例子，因爲它觸發事我不能做任何事情。程序中的其他內容在「按鈕」上運行。這個例子給我帶有錯誤img的Button1，因爲我希望它是。

<button><span class="errorIcon></span></button>

2013-10-23 rubin

我不認爲這會發生，因爲Windows 7的UI不會允許這個！ :)你可以創建一個完全自定義的按鈕，這將有圖像.. –

你可以嘗試用':: before'僞元素 – Bigood

好吧，但如何自定義按鈕調整大小，如果文本我「短」或「LOOOOOOOOOOOOOOOOOOOOOOOOOOONG」如果這是一個圖像？聽起來不錯 – rubin

你需要的事業，你離開第一個按鈕無樣式將取決於瀏覽器和系統改變的外觀樣式兩個按鈕。

風格的按鈕等風格兩者通過添加圖片::之前或之後::

2013-10-23 12:19:36

我想你回答了不同的問題，絕對不是這個:)我需要添加errorIcon但想要保持在按鈕1中的外觀。我會改變_按鈕1_的外觀_按鈕1_的外觀，它會更有意義 – Morpheus

然後，我必須承認我不明白的問題（ –

您可以通過添加圖標：：之前和之後...... Bigood已經說過這個了） –

回答