0

現在、2 つのボタンを含むページに取り組んでいます。ボタンは、スパンとボタン タイトルの組み合わせで、2 つの半円のイメージで囲まれています。

<td align="right">
<a href="#" title="Reset" onclick="resetForm();">
        <img src="images/btnBlueL.gif"><span style="background-image:url('images/btnBlueM.gif');color:white;font-weight:bold;height:22px;vertical-align:top;text-align:center;padding-top:5px;text-decoration:none;cursor:pointer;display:inline-block;">
         Reset
         </span><img src="images/btnBlueR.gif">
    </a>

     <a href="#" title="Clear all fields" onclick="clearForm()">
         <img src="images/btnBlueL.gif"><span style="background-image:url('images/btnBlueM.gif');color:white;font-weight:bold;height:22px;vertical-align:top;text-align:center;padding-top:5px;text-decoration:none;cursor:pointer;display:inline-block;">
          Clear
         </span><img src="images/btnBlueR.gif">
      </a>

ボタンにカーソルを合わせると、ボタンの右下に非常に小さな赤い線が表示されます。これはすべてのブラウザにあります。「a」要素を部分的に強調表示しているように見えますが、数ピクセルのみです。誰もこのようなものを見たことがありますか?どうやって消えたの?

http://jsfiddle.net/jmlane/VHFwB/

4

3 に答える 3

1

リンクに CSS が適用されていないことを確認します。

a{
    text-decoration:none;
}
a img{
    border:0;
}
于 2012-11-20T18:22:02.283 に答える
1

たぶん国境です。ハイパーリンクから境界線を削除するには、次の CSS ルールを試してください。

a {
    border: 0;
}
于 2012-11-20T18:11:23.360 に答える