javascript - 具有不规则边框的文本区域，聚焦边框颜色变化？

Question

所以我有一个带有边框的文本区域，看起来像这样:

知道我应该如何更改焦点上的边框颜色吗？

显然，如果它有常规的 css 边框而不是图像，那会很容易，但我不确定该怎么做？

Answer 1

您可以使用与非图像实现相同的方法来完成此操作:

.chatBox {
    background-image: url('border.png');
}

.chatBox:hover, .chatBox:focus {
    background-image: url('border-highlight.png');
}

显然你的边界比这个复杂，但你可以看到概念是一样的。如果您使用嵌套元素，它应该仍然有效。如果您遇到困难，请展示一些代码，我会尽力提供帮助。