html - 浏览器鼠标按下(并按住)然后将光标对象拖出边界，对象边框变为蓝色，我该如何控制？

Question

在浏览器中，当鼠标按下(并按住)对象然后将光标拖出边界时，对象边框变为蓝色，如何将所述颜色更改为蓝色以外的其他颜色？

以上问题几乎就是问题所在，或者说是我要控制的默认行为。我已经尝试为 css 文件中的各种事件设置边框颜色，即焦点、悬停、事件、访问等。这些都不是正确的事件，似乎为标题中所述的特定场景设置了边框颜色。我希望有人知道这是哪个事件或此类事件？哦，使用 CherryPy 所以首选纯 HTML 或 CSS 样式的解决方案。除非我无能为力，否则我不想向该元素添加 PHP 或 Java 支持。

Answer 1

好的...从一个空的 css 文件开始...我系统地启用了所需的每种样式，依次验证了每种样式。没有重叠或冲突的风格。在这种情况下是个好消息。经过一些实验，我找到了解决问题的方法。创造性地使用悬停和焦点事件。例如，如果对象是一个按钮，在 css 文件中，样式为 button:hover, button:active:hover, button:focus, button:active:focus，在上述所有属性中设置一致的属性。这掩盖了默认的浏览器行为，即焦点设置为蓝色突出显示颜色，并且悬停不会将按钮也绘制为蓝色。这是给定元素所需的行为。

例如……

button:hover {
        outline: none;
        color: black;
        border: 1px solid black;
}
button:active:hover {
        outline: none;
        color: black;
        border: 1px solid black;
}
button:visited {
        outline: none;
        color: black;
        border: 1px solid black;
}
button:active:visited {
        outline: none;
        color: black;
        border: 1px solid black;
}
button:focus {
        outline: none;
        color: black;
        border: 1px solid black;
}
button:active:focus {
        outline: none;
        color: black;
        border: 1px solid black;
}

请注意，您仍然需要向运算符(operator)/用户提供有关正在发生的事情的可见反馈，在我的元素中，按钮的不透明度会随着悬停和焦点事件而变化，而不是如前所述的默认颜色变化。