contenteditable在悬停时没有显示边界

时间:2011-11-03 21:05:53

标签: css html5 contenteditable

我正在尝试将悬停与匹配的部分匹配:http://html5demos.com/contenteditable

这就是我所拥有的:http://jsbin.com/ipoziw/edit#javascript,html,live

为什么我的<p>代码悬停在边框上时没有显示边框,例如该部分位于第一个链接中?

1 个答案:

答案 0 :(得分:2)

您在演示中看到的边框不是默认行为,他们使用了这个CSS:

[contenteditable]:hover:not(:focus) {
  outline: 1px dotted #ccc;
}

只需将其添加到您自己的CSS:http://jsbin.com/ipoziw/2