Css Svg-文本元素的颜色背景/覆盖

我只是从svg开始，试图找出样式的局限性

我的一些文本元素被标记为data editable=“true”

我希望用户能够很容易地看到标记的元素是什么。我在想象一个简单的，可折叠的，半透明的覆盖物

当我将鼠标悬停在chrome中DOM视图中的元素上时，文本元素呈现为淡蓝色覆盖。我想得到一个类似的效果或是一些相近的东西

如果可能的话，我更喜欢使用css，但是任何达到这种效果的方法都是好的。最糟糕的是，我可以通过使用d3和jquery插入rect元素来解决一些问题，但这看起来相当混乱。

构建在

*[数据可编辑=true]：悬停{filter:url（#突出显示）}
测试