contenteditable DIV 可以有圆形轮廓吗

Question

在浏览了一些有关 contenteditable 的问题后，我发现我可以更改边框的颜色和宽度（使用轮廓），但由于它不是边框，我找不到一种方法使轮廓像“border-radius”一样圆润”。

我怎样才能实现这样的目标？

谢谢

编辑：我发现了一些对我有用的东西：

       .editableDiv {
          margin-bottom: 5px;
          outline: 0px solid transparent;
          padding:5px;
        }
        .editableDiv:hover {
          outline: 0px solid transparent;
          box-shadow: 0px 0px 0px 1px #ccc inset;
          border-radius: 10px;
        }

Answer 1

没有明确的方法来实现这一点（到目前为止），通常我使用的是硬阴影

div {
    background: #eeeeee;
    border-radius:5px;
    margin: 30px;
    height: 100px;
    width: 200px;
    box-shadow: 0px 0px 0px 1px #000 inset;
}

演示