現在作成しているjQueryUIWebアプリで小さな問題が発生しました。アプリでは、変更可能な要素（画像、スパン、段落）を持つ多くのプレビュー画面の1つを表示しています。マウスを変更可能な要素の上に置くと、class：hoverを使用して赤い点線の境界線を表示し、ユーザーが要素をクリックして変更できることをユーザーに知らせます。
これまでのところ大丈夫です。プレビュー画面の一部が赤い背景を含む配色を使用しているため、問題が発生します。これにより、：hoverの点線の赤い境界線がほとんど見えなくなります。おそらく、基になる背景色に関係なく表示される境界線の色を使用するスマートなCSS3の方法がありますか？ここでのヒントをいただければ幸いです。