둥근 모서리

2

이 작업을 수행하는 A "고전적인"방법 중 하나를, 배경 이미지를 사용하는 둥근 모서리 텍스트 영역 상자 나에게 제안 할 수 있습니다 자바 스크립트 나 CSS에서 두 텍스트 영역 상자 텍스트 영역과 같은 테두리/없음으로 텍스트 영역의 개요, 설정 주위 사업부에 :

<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/

편집 : 대답은 그 시간에 정확하지만, IE에서 border-radius 만에 버전 9에서 지원됩니다.

2010-01-28 12:22:22 Residuum

+0

CSS3는 둥근 모서리를 잘 지원됩니다. –

3

나는 jQuery Corner을 사용합니다. css3 모서리를 지원하는 브라우저에 적용하고 (IE)없는 브라우저의 모서리를 그립니다.

2010-01-28 12:28:45 jeroen

0

둥근 모서리는 Rico : http://juixe.com/techknow/index.php/2006/08/10/rounded-corners-with-rico/으로 할 수 있으며, JS 라이브러리는 다른 게시물에서 언급 한 JQuery 플러그인과 함께 사용할 수 있습니다.

또는, TEH AjaxControlToolkit RoundedCornersExtender와 둥근 모서리를 수행 할 수 있습니다 http://www.asp.net/AJAX/AjaxControlToolkit/Samples/RoundedCorners/RoundedCorners.aspx

2010-01-28 13:29:49

답변