Image button displaying 'Submit query' over the top of image in Firefox과 비슷한 문제가 있습니다. 텍스트가 아니라 이미지 만 제출 버튼이 있습니다. 불행히도 "Submit query"텍스트가 이미지 위에 나타납니다.APS .NET 이미지 버튼이 IE10의 이미지 상단에 'Submit query'를 표시합니다.
<input class="cssFilterButton" type="submit" id="btnApplyFilter" value="" runat="server" />
: 나는 또한 텍스트와 2 개 버튼이
<input class="cssFilterButtonImg" type="submit" id="btnSaveFilter" value="" runat="server" />
:
내 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 name="btnSaveFilter" class="cssFilterButtonImg" id="btnSaveFilter" onclick="if (typeof(Page_ClientValidate) == 'function') Page_ClientValidate(''); " type="submit" value="Submit Query"/>
IE10 및 Opera에서이 문제가 있습니다.
문제가 아주 작다고 생각하지만 찾을 수 없습니다. 어떤 제안, 어떻게 해결할 수 있습니까?
[text-indent] (https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent) – Pete
10x [Pete] (http://stackoverflow.com/)를 사용할 수 있습니다. users/1790982/pete),'text-indent'가 도움이됩니다. 상황은 매우 이상하지만. 모든 경우 ASPX에 다른 텍스트를 넣어도 내부의 텍스트가 "Submit query"입니다. –