2013-11-04 33 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=""

空间应该做的伎俩。