可以满足DIV可以有圆形轮廓

时间:2013-03-11 14:31:47

标签: jquery css

在浏览了一些关于contenteditable的问题后,我发现我可以改变边框的颜色和宽度(使用轮廓),但由于它不是边框,我找不到一种方法使轮廓像“边界半径”。

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

由于

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

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

1 个答案:

答案 0 :(得分:3)

没有明确的方法来实现这一目标(截至目前),通常我使用的是一个硬阴影

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

Demo