设置输入按钮背景图像不起作用

Question

我正在尝试在jsp中设置输入按钮的图像。我按钮的代码是这样的：

<input type="button" name="Unassign" class="btnUnassignHandlerRule" style="width:50px;" />
//setting width inline because it's not working in the CSS

CSS代码是这样的：

.btnUnassignHandlerRule{
   background: url(../Images/leftarrow.png) no-repeat;
   height: 50px;
   margin-top: 15px;
}

我的文件层次结构如下所示：

jsp： web / WEB-INF / jsp / myJspPage.jsp

图片： web / Images / leftarrow.png

如果我的代码正确且我的路径是否正确，请告诉我？否则我不知道为什么它不起作用。

Answer 1

为我工作，做了一个jsfiddle：http://jsfiddle.net/g5zKz/

你能展示一下css文件的路径吗？所以我们可以看看你是否在错误的道路上！

Answer 2

如果页面和图片网址如上所述，请将../Images/leftarrow.png更改为../../Images/leftarrow.png。顺便说一句，在我的测试中，width: 50px即使与其他设置放在相同的CSS规则中也能正常工作。

Answer 3

请使用此css。

input.btnUnassignHandlerRule{
   background: url(../Images/leftarrow.png) no-repeat;
   height: 50px;
   margin-top: 15px;
}