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

时间:2013-10-31 21:09:44

标签: php css

我有这个提交按钮,int在其上打印PHP。该值用于运行脚本。但我不想在我的按钮上看到int值,因为我有一个与它相关联的幻想CSS Class。我已经尝试了各种各样的事情,比如从值中删除echo,但是这样,脚本就会停止工作。然后我尝试用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;
}

正如您可以看到悬停时纹理发生变化,因此将文本设置为与背景相同的颜色将无效。 (纹理也是多彩的..)

我不再是初学者了,但我只是无法解决这个问题!谢谢!

2 个答案:

答案 0 :(得分:1)

我相信你可以将线条高度设置为悬停内部非常高的100px,只要你在按钮上有明确的高度就不会出现文字。

答案 1 :(得分:0)

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

<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)中的查询字符串是否会实际发布