将图像放在表单输入字段中

Question

我正在尝试使用右侧角落的图像创建一个简单的表单输入字段,图像作为提交按钮.这是我的演示http://jsfiddle.net/BSXsY/ 我希望输入字段中的图像类(.button).谢谢你的帮助.

Answer 1

要将astrik放置在输入字段内,您需要添加类.

这是代码:

<input type="text" class="astrik"/>

该课程的各个CSS:

.astrik
{
     background-image: url('../images/red_asterik.png');
     height: 100%;
     width: 100%;
     background-repeat: no-repeat;
     background-position: right;
     background-position-x: 98%;
}