圓角文本區域框或者在JavaScript或CSS

Question

任何人都可以提出我要圓角文本區域框或者在JavaScript或CSS

Answer 1

「經典」的方式來做到這一點，使用背景圖片周圍的文本區域和設置邊界/ textarea的首屈一指的輪廓，像這樣的一個div：

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

CSS3支持圓角，但是不能很好地支持，例如見http://www.css3.info/preview/rounded-border/

編輯：答案當時是正確的，但border-radius在IE中只支持從版本9開始。

Answer 2

我使用jQuery Corner。它將css3角應用於支持它們的瀏覽器，併爲不支持（IE）的瀏覽器繪製角點。

Answer 3

圓角可以用Rico完成：http://juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/，除了另一篇文章中提到的JQuery插件之外的JS庫。

或者，你可以做圓角與德AjaxControlToolkit RoundedCornersExtender：http://www.asp.net/AJAX/AjaxControlToolkit/Samples/RoundedCorners/RoundedCorners.aspx