Question

如何消除输入字段中的“按钮”？我想使用图像，但框仍然出现。
谢谢，

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

Answer 1

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

您需要“type”属性

Answer 2

尝试将背景设置为无，边框设置为无，背景颜色设置为无。

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

然后，您还可以将高度和宽度设置为此元素，使其完美地适合您的背景图像。

还要确保使用所需输入的类型设置

类型= “按钮” 类型= “提交”

等等

HTML，输入“提交”消除框

2 个答案: