如何隐藏/删除提交按钮上的文本


How can I Hide/Get rid of the text on the submit button?

我有这个提交按钮,上面印着int PHP .该值用于运行脚本。但我不想在我的按钮上看到int值,因为我有一个花哨的CSS Class与之链接。我已经尝试了各种各样的事情,例如从值中删除echo,但这样 scrip 就会停止工作。然后我尝试使用 CSS 隐藏它,使用 display:none; .和color: none;(我后来发现无论如何都行不通)

PHP/HTML 表单片段:

<form action="<?php echo $_SERVER['PHP_SELF']."?id=$id"?>" method="post">
            <input type="submit" name="deleteComment" class="closeButton" style="color: none;" value="<? echo $delComment ?>" />
        </form>

.CSS

.closeButton
{
background-image:url(images/closeimage.png);
width:15px;
height:15px;
float:right;
margin:5px 5px 5px 5px;
border:none;
background-color:#FFFFFF;
/*z-index:0;*/
color:#FFF;
}
.closeButton:hover
{
background-color:#000;
background-image:url(images/closeimage_white.png);
color:#000;
}

如您所见,悬停时纹理会发生变化,因此将文本设置为与背景相同的颜色将不起作用。(纹理也是多色的。

我什至不再是初学者了,但我只是无法弄清楚这一点!谢谢!

我相信

您可以在悬停中将行高设置为非常高的值,例如 100px,只要您在按钮上有明确的高度,文本就不会出现。

只需删除提交输入值并使用隐藏的输入来保存您的值:

<form action="<?php echo $_SERVER['PHP_SELF']."?id=$id"?>" method="post">
  <input type="hidden" value="<? echo $delComment ?>">
  <input type="submit" name="deleteComment" class="closeButton" style="color: none;" value="" />
</form>

顺便说一下,您的表单是作为POST发送的,我怀疑action?id=$id)中的查询字符串实际上会被发布