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 ファイルに属性 value="" が既にあります。
<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 で発生しています。
問題は非常に小さいと思いますが、見つけることができません。どうすればこれを解決できますか?