CSS3智能邊框顏色

Question

我遇到了一個小問題，我正在創建一個jQuery UI webapp。在應用程序中，我展示了許多預覽屏幕中的一個，其中包含可以更改的元素（圖像，跨度和段落）。當鼠標懸停在可變元素上時，我使用class：hover來顯示一個虛線的紅色邊框，以便用戶知道他們可以單擊元素來改變它。

到目前爲止都行。麻煩開始是因爲某些預覽屏幕使用了包含紅色背景的顏色方案，這使我的：懸停點綴紅色邊框幾乎看不見。也許有一種聰明的CSS3方式來使用邊框顏色，無論底層背景顏色如何都顯示出來？任何提示在這裏將不勝感激。

Answer 1

我試了一下，但找不到滿意的解決方案。所以我認爲重要的是以某種方式使元素「觸覺」。最後，我設置了

{ 
-moz-transform:scale(0.75);-o-transform:scale(0.75);-webkit-transform:scale(0.75); 
opacity:1;filter:alpha(opacity=100) 
}