下記のコードは、ボタンを押したときの矢印の色は『ライトスカイブルー』に、戻したときは『レッド』になるように設定したものですが、連打して元に戻した場合に、たまに『ライトスカイブルー』のままになっていることがあります。原因と，また解決策があれば、教えていただけませんでしょうか。

<INPUT id="Left" TYPE="button" VALUE="<" style="background-color:black; color:red;" onMouseDown="document.getElementById('Left').style.color='lightskyblue'" onMouseUp="document.getElementById('Left').style.color='red';">