coins ronds boîte de zone de texte soit en javascript ou css

Question

quelqu'un peut me suggérer pour une boîte de zone de texte coins ronds soit en javascript ou css

Answer 1

Une façon « classique » de le faire, utilise un background-image sur un div autour de la zone de texte et la mise en frontière/contour de la zone de texte sans pareil, comme ceci:

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

CSS3 soutient des coins arrondis, mais qui ne sont pas bien pris en charge, voir par exemple http://www.css3.info/preview/rounded-border/

EDIT: La réponse était correcte à ce moment-là, mais border-radius dans IE est pris en charge à partir de la version 9 sur.

Answer 2

J'utilise jQuery Corner. Il applique les coins css3 aux navigateurs qui les supportent et dessine des coins pour les navigateurs qui ne le font pas (IE).

Answer 3

Les coins arrondis peuvent être faits avec Rico: http://juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/, une bibliothèque JS en plus du plugin JQuery mentionné dans l'autre article.

Ou bien, vous pouvez le faire avec des coins arrondis Teh AjaxControlToolkit RoundedCornersExtender: http://www.asp.net/AJAX/AjaxControlToolkit/Samples/RoundedCorners/RoundedCorners.aspx