HTML，輸入「提交」消除框

如何消除輸入字段中的「按鈕」？我想使用圖像，但該框仍然出現。
謝謝，

HTML，輸入「提交」消除框

<!DOCTYPE html PUBLIC ""> 
<head> 
<style> 
#PlusMinus{background:url('images/sprites.gif') 0px -391px;left:0px;width:13px;} 
#PlusMinus a:hover{background: url('images/sprites.gif') 0px -406px;} 
</style> 

<script type="text/javascript" src="js/jquery-1.4.min.js"></script> 
<script type='text/javascript'> 
    var fontSizes = [14, 16] 
    $(function(){ 
     $('#PlusMinus').click(function() { 
     if($(this).val() == "+") { 
      $('#OurText').css('fontSize', fontSizes[1] + 'px'); 
     $(this).val("-"); 
     } 
     else { 
     $('#OurText').css('fontSize', fontSizes[0]+ 'px'); 
     $(this).val("+"); 
    } 
     $("body .h6").toggle(); 
    }); 
}); 
</script> 
</head> 
<body> 
    <h6 class="noSpan"> 
     <!--HERE'S THE INPUT--> 
     <input 'submit' id='PlusMinus' /> 
     <span class="h6">Larger</span> 
     <span class="h6" style="display: none">Smaller</span> 
    </h6> 
    <h5 id="OurText" class="p">TEXT</h5> 
</body> 
</html>

我用輸入 '提交，圖片和按鈕'，並且仍然可以得到這個盒子

input 'submit' id='PlusMinus'

來源

2011-03-07 DisEngaged

你在測試什麼瀏覽器？ – thirtydot 2011-03-07 20:25:14

嘗試將背景設置爲無，邊框設置爲無，背景顏色設置爲無。

#PlusMinus{ 
background: none; 
background-color: none; 
border: none; 
background-image: URL(../images/yourimage.jpg) no-repeat; 
}

然後，您還可以設置此元素的高度和寬度，使其完美適合您的背景圖像。

還要確保使用類型設置爲輸入你想

類型=「按鈕」類型=「提交」

等等

來源

2011-03-07 20:26:09

#PlusMinus is假設顯示。它的輸入框，這是問題 – DisEngaged 2011-03-07 20:30:39

@FXquincy不知道我跟着你。你想要id爲'PlusMinus'的輸入元素有一個圖像，而不是原始輸入元素正確？ – 2011-03-07 20:37:10

沒錯。我要麼破壞腳本，要麼同時獲取按鈕和CSS圖像。 – DisEngaged 2011-03-07 21:20:26

<input type="image" src="[path]" />

您需要的「類型」屬性

來源

2011-03-07 20:25:31

啊幾秒鐘比我:) +1 – 2011-03-07 20:29:02

是的，我試過了。它只是說'提交查詢' – DisEngaged 2011-03-07 20:33:54

@FXquincy，如果你想爲你有任何輸入（提交，文本，按鈕etcetera）的背景圖像，你需要在CSS中設置，我在我的回答中提到:) – 2011-03-07 20:42:44

HTML，輸入「提交」消除框

回答

相關問題