添加图像图标到输入标签

Question

我想添加和图标图像到输入标签,并想知道是否有人有关于该主题的一些输入.

我当前的输入标签:

 <input class="glossyBtn"  type="submit" name="button" style="vertical-align: middle" value="Select"/>

我想要添加到输入的图像,因此它将位于文本的左侧(值):

<img alt="" style="vertical-align: middle" src="<%:Url.Content("~/Content/images/user.png")%>" />

谢谢!

Answer 1

设置图像作为background该的glossyBtnCSS类.

使用本地图像更改图像路径.

.glossyBtn
{
    background-image:url('http://i50.tinypic.com/20keohf.jpg');
    background-repeat:no-repeat;
   background-position:left top;  padding-left:15px;
}

工作样本:http://jsfiddle.net/6Nfvz/13/