时间戳

首页 > 解决方案 > 浏览器鼠标按下（并按住）然后将光标对象拖出边界，对象边框变为蓝色，我该如何控制？

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

问题描述

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

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

标签： htmlcss

解决方案

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

例如...

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;
}

请注意，您仍然需要向操作员/用户提供有关正在发生的事情的可见反馈，在我的项目中，悬停和焦点事件的按钮不透明度会发生变化，而不是如上所述的默认颜色变化。

推荐阅读