2013-11-04 35 views
1

我有類似的問題,如Image button displaying 'Submit query' over the top of image in Firefox。我有一個沒有文字但只有圖像的提交按鈕。不幸的是,我在圖像上看到了「提交查詢」文本。APS .NET圖像按鈕在IE10中的圖像頂部顯示「提交查詢」

我的CSS是

.cssFilterButtonImg 
{ 
    background-image:url(Icons/ButtonSave_Filter.gif); 
    background-position:left; 
    background-repeat:no-repeat; 
    border-width:1px;  
    border-color: transparent; 
    border-style: solid; 
    margin-left: 0.1em; 
    margin-top: 0.3em; 
    margin-right: 0em; 
    padding: 0em; 
    font-weight: 400; 
    font-size: 11px ; 
    font-family:Arial; 
    vertical-align:top; 
    cursor: pointer; 
    border-top-left-radius: 4px; 
    border-top-right-radius: 4px; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#c2d0db'); 
    filter:progid:DXImageTransform.Microsoft.Wave(Add='true', LightStrength=60, Phase=20, Strength=0, Freq=1) 
    text-align:right; 
    text-indent:12px; 
    color: #04233e;*/ 
    height:16px; 
    width:16px; 
} 

我已經有屬性值= 「」 在我的aspx文件:

<input class="cssFilterButtonImg" type="submit" id="btnSaveFilter" value="" runat="server" /> 

我也有2個按鈕與文字:

<input class="cssFilterButton" type="submit" id="btnApplyFilter" value="" runat="server" /> 

當我運行應用程序,我看到這在aspx:

<input name="btnSaveFilter" class="cssFilterButtonImg" id="btnSaveFilter" onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(''); " type="submit" value="Submit Query"/> 

我在IE10和Opera中有這個問題。

我想這個問題很小,但是我找不到它。任何建議,我該如何解決這個問題?

+0

你可以使用[text-indent](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent) – Pete

+0

10x [Pete](http://stackoverflow.com/用戶/ 1790982 /皮特),'文字縮進'幫助。雖然情況很奇怪。在所有情況下,我的內部文本都是「提交查詢」,即使我在ASPX中放置了一些其他文本。 –

回答

0

查看@Pete的評論(text-indent) - 這可以幫助我。所有學分給他。

1

你可以嘗試 value=" " 而不是 value=""

空間應該做的伎倆。