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

我有这个提交按钮，得到一个int打印PHP。该值用于运行脚本。但我不想看到我的按钮上的值为int，因为我有一个与它关联的花式CSS Class。我尝试了各种各样的东西，比如从价值中删除echo，但这样脚本停止工作。然后我试着用CSS隐藏它，使用display:none;。和color: none;（whitch我后来发现，是不会以任何方式反正工作）如何隐藏/删除提交按钮上的文字？

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; 
}

正如你所看到的悬停时纹理会发生变化，因此将文本设置为与背景相同的颜色将不起作用。（也是纹理是多彩的..）

我甚至没有太多的初学者了，但我只是无法弄清楚这一点！谢谢！

来源

2013-10-31 tehX

尝试旧的'文本缩进：-9999px'技巧:) –

不错的一个，感谢您的快速，但是，在CSS中刹车*：悬停事件。 @Sean Beck的一个为我解决了这个问题！ :) – tehX

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

来源

2013-10-31 21:14:05

明天要接受这个答案，今天没有时间等10分钟过去，谢谢！ [[没有新的答案需要]] – tehX

刚刚摆脱的提交输入值，用一个隐藏的输入来保存你的价值：

<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 ）将实际上发布

来源

2013-10-31 21:17:30

它会。事情就是它已经在那个页面上，然后如果你使用另一个提交按钮，它将重定向回到索引页面，所以我使用它来保持用户在同一页面上。有用。希望你明白我的意思。 – tehX

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

回答

相关问题