输入中带有类型按钮的图标问题

问题描述：

我遇到问题，我有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>

我不认为这会发生，因为Windows 7的UI不会允许这个！ :)你可以创建一个完全自定义的按钮，这将有图像.. –

你可以尝试用':: before'伪元素 – Bigood

好吧，但如何自定义按钮调整大小，如果文本我“短”或“LOOOOOOOOOOOOOOOOOOOOOOOOOOONG”如果这是一个图像？听起来不错 – rubin

答

你需要的事业，你离开第一个按钮无样式将取决于浏览器和系统改变的外观样式两个按钮。

风格的按钮等风格两者通过添加图片::之前或之后::

我想你回答了不同的问题，绝对不是这个:)我需要添加errorIcon但想要保持在按钮1中的外观。我会改变_按钮1_的外观_按钮1_的外观，它会更有意义 – Morpheus

然后，我必须承认我不明白的问题（ –

您可以通过添加图标：：之前和之后...... Bigood已经说过这个了） –