4

私はJSとCSSをいじっています。一般的なボタン スタイルのアンカーがあります。スタイリングでは、border-bottom: 5px dotted blue;. 次に、JSは次のとおりです。

onmouseover = "this.style.borderBottom = '5px solid red';"

彼は JSFiddle の例です: http://jsfiddle.net/MichaelMitchell/f4Ud4/ ボタンにカーソルを合わせます。

境界線が重なっているようですが、誰か説明してもらえますか? これは、Chrome が点線の境界線を処理する方法により、FireFox でのみ表示されます。

4

1 に答える 1

2

バグのある動作を説明できません。明らかに、別の境界線が描画されたときに、Firefox は描画領域をクリアしません。

しかし、ここに（汚い）解決策があります

<a class = 'testButton' href = '#'
    onmouseover =
    "var button = this; button.style.borderBottom = '0px'; setTimeout( function() { button.style.borderBottom = '5px solid red'; }, 1 )">
    Button!
</a>
于 2012-12-22T10:29:00.507 に答える