CSS3 智能边框颜色

Question

我在当前创建的 jQuery UI webapp 中遇到了一个小问题。在应用程序中，我展示了许多预览屏幕之一，其中包含可以更改的元素 - 图像、跨度、段落。当鼠标悬停在可更改元素上时，我使用 class:hover 显示红色虚线边框，以便用户知道他们可以单击元素来更改它。

到目前为止还好。问题开始了，因为一些预览屏幕使用了包含红色背景的配色方案，这使我的 :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)
}