javascript或css中的圆角文本区域框

有人能给我推荐一个javascript或css中的圆角文本区域框吗？一种“经典”的方法是在文本区域周围的div上使用背景图像，并将文本区域的边框/轮廓设置为无，如下所示：

<div style="background-image: url(image/with/rounded/corners.png);">
    <textarea style="border: none; outline: none;">
    </textarea>
</div>

CSS3支持圆角，但这并没有得到很好的支持，请参见

---

编辑：当时的答案是正确的，但IE中的

边界半径

仅从第9版开始受支持。

我使用。它将css3角点应用于支持css3角点的浏览器，并为不支持css3角点的浏览器绘制角点。

圆角可以使用Rico:，这是一个JS库，是另一篇文章中提到的JQuery插件的补充

---

或者，您可以使用AjaxControlToolkit RoundedCornersTender进行圆角处理：

CSS3圆角得到了很好的支持。