欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

如何為輸入類型添加背景圖像= & quot按鈕& quot？

CSS

我一直在嘗試通過css改變輸入按鈕的背景圖，但是沒有效果。

搜索. 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>
    </form>
</body>

search.css:

.button {
    background-image: url ('/image/btn.png') no-repeat;
    cursor:pointer;
}

會(huì)有什么問題呢？

甚至內(nèi)聯(lián)css似乎也不起作用。

你需要輸入不帶圖像的單詞。

背景:url('/image/btn.png ')無重復(fù)；

兩種方法都測(cè)試過了，這個(gè)有效。

示例:

<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>

為了補(bǔ)充答案，我認(rèn)為除了放錯(cuò)位置的不重復(fù)之外，這種情況下的具體原因是url和(:

background-image: url ('/image/btn.png') no-repeat; /* Won't work */
background-image: url('/image/btn.png'); /* Should work */

background-image將url作為一個(gè)值。使用任一種

background-image: url ('/image/btn.png');

或者

background: url ('/image/btn.png') no-repeat;

這是

background-image: url ('/image/btn.png');
background-repeat: no-repeat;

此外，您可能希望查看button HTML元素中的奇特提交按鈕。

如果這是提交按鈕，請(qǐng)使用& ltinput type="image" src= " ... ".../& gt；。

http://www . html code tutorial . com/forms/_ INPUT _ TYPE _ image . html

如果你想用CSS指定圖像，你必須使用type="submit "。

運(yùn)籌學(xué)

#button-id {
  background: url(images/img.png) no-repeat;
  cursor: pointer;
  border: none;
}