如何隱藏/刪除提交按鈕上的文字？

我有這個提交按鈕，得到一個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

如何隱藏/刪除提交按鈕上的文字？

回答

相關問題