css - 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)
}