APS .NET Image按钮在IE10的图像顶部显示“提交查询”

时间:2013-11-04 14:17:55

标签: html asp.net css

我遇到类似Image button displaying 'Submit query' over the top of image in Firefox的问题。我有一个没有文字但只有图像的提交按钮。不幸的是,我在图片上看到了“提交查询”文字。

我的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中遇到过这个问题。

我认为问题非常小,但我找不到。任何建议,我该如何解决?

2 个答案:

答案 0 :(得分:1)

你可以试试吗? value=" " 代替 value=""

空间应该可以解决问题。

答案 1 :(得分:0)

查看@Pete(text-indent)的评论 - 这对我很有帮助。所有归功于他。