Question

我正在尝试在表格单元格中放置一个表单按钮，该单元格显示为图像。我可以简单地将输入类型设置为图像，但是我不希望将鼠标坐标传递给GET。

这是我尝试过的：

HTML：

<form action='php/like.php' method='get'>
    <input type='submit' id='like' title='like' name='id' value='<?php echo $value[id]; ?>' />
</form>

的CSS：

#like {
    background: url('images/star.png') no-repeat;
    width: 16px;
    height: 16px;
}

这是我的结果（在firefox和chrome上测试过）： enter image description here

如何显示图像？

Answer 1

font-size:0;

进入课堂后，它将摆脱覆盖提交按钮的文字。

Answer 2

it works , the only cause if it is not not working is 404.  
  <!DOCTYPE html>
    <html>
    <head>
    <style>
    #like {
        background: url('smiley.gif') no-repeat;
        width: 16px;
        height: 16px;
    }
    </style>
    </head>
    <body>
    <form action='php/like.php' method='get'>
        <input type="hidden" value="<?php echo $value[id]; ?>" name="id"/>
        <input type='submit' title='like' id='like'/>
    </form>
    </body>
    </html>

将提交按钮显示为图像

2 个答案: