[英]APS .NET Image button displaying 'Submit query' over the top of image in IE10
I have a similar problem like Image button displaying 'Submit query' over the top of image in Firefox . 我有类似的问题,例如在Firefox中,图像按钮在图像顶部上方显示“提交查询” 。 I have an submit button without text but only an image.
我有一个提交按钮,没有文本,只有一个图像。 Unfortunately I see "Submit query" text over the image.
不幸的是,我在图像上看到“提交查询”文本。
My CSS is 我的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;
}
I already have attribute value="" in my aspx file: 我的aspx文件中已经有属性value =“”:
<input class="cssFilterButtonImg" type="submit" id="btnSaveFilter" value="" runat="server" />
I also have 2 buttons with text: 我也有2个带有文字的按钮:
<input class="cssFilterButton" type="submit" id="btnApplyFilter" value="" runat="server" />
When I run application I see this in aspx: 当我运行应用程序时,我会在aspx中看到以下内容:
<input name="btnSaveFilter" class="cssFilterButtonImg" id="btnSaveFilter" onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(''); " type="submit" value="Submit Query"/>
I have this issue in IE10 and Opera. 我在IE10和Opera中有此问题。
I suppose that the problem is very small, but I can not find it. 我想这个问题很小,但是我找不到。 Any suggestions, how can I solve this?
有什么建议,我该如何解决?
Can you try value=" "
instead of value=""
您可以尝试使用
value=" "
代替value=""
The space should do the trick. 空间应该可以解决问题。
See the comment of @Pete ( text-indent
) - this helps me. 请参阅@Pete的评论(
text-indent
)-这对我有帮助。 All credits to him. 全部归功于他。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.