按钮＆QUOT;对于输入型= QUOT背景图片; [英] background image for input type="button"
本文介绍了按钮＆QUOT;对于输入型= QUOT背景图片;的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我一直在试图通过CSS改变输入按钮的背景图片，但它不工作。
i've been trying to change the background image of the input button through css, but it doesn't work.
search.html：
search.html:
<body>
<form name="myform" class="wrapper">
<input type="text" name="q" onkeyup="showUser()" />
<input type="button" name="button" value="Search" onclick="showUser()" class="button"/>
<p>
<div id="txtHint"></div>
</p>
</body>
search.css：
search.css:
.button {
background-image: url ('/image/btn.png') no-repeat;
cursor:pointer;
}
有什么地方出错了？
what could be wrong?
甚至直列ING的CSS似乎并没有工作。
even inline-ing the css didn't seem to work.
推荐答案
您需要无字键入图片。
背景：网址（'/图像/ btn.png'）不重复;
测试两种方式，这一次的作品。
Tested both ways and this one works.
例如：
<html>
<head>
<style type="text/css">
.button
{
background: url(/image/btn.png) no-repeat;
cursor:pointer;
border: none;
}
</style>
</head>
<body>
<input type="button" name="button" value="Search" onclick="showUser()" class="button"/>
<input type="image" name="button" value="Search" onclick="showUser()" class="button"/>
<input type="submit" name="button" value="Search" onclick="showUser()" class="button"/>
</body>
</html>
这篇关于按钮＆QUOT;对于输入型= QUOT背景图片;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
