按钮＆QUOT;对于输入型= QUOT背景图片;

本文介绍了按钮＆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背景图片;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！