일반 적인 textarea
<textarea style="width:100%; height:200;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>
투명한 textarea
<textarea style="width:100%; height:200; border:0;overflow-x:hidden;overflow-y:hidden;background:clear;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>
스크롤바 적용시
<textarea style="width:100%; height:50; border:0;background:clear;scrollbar-highlight-color: #A864A8;scrollbar-shadow-color: #A864A8; scrollbar-arrow-color: #A864A8;scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #FFFFFF;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>
<textarea style="width:100%; height:200;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>
투명한 textarea
<textarea style="width:100%; height:200; border:0;overflow-x:hidden;overflow-y:hidden;background:clear;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>
스크롤바 적용시
<textarea style="width:100%; height:50; border:0;background:clear;scrollbar-highlight-color: #A864A8;scrollbar-shadow-color: #A864A8; scrollbar-arrow-color: #A864A8;scrollbar-face-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF;scrollbar-darkshadow-color: #FFFFFF;scrollbar-track-color: #FFFFFF;">
aaaaa
bbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
</textarea>
반응형
'인터넷정보' 카테고리의 다른 글
| 텍스트 밑줄 긋기 (0) | 2007.10.18 |
|---|---|
| 글쓰기폼 늘리기 - 확장, 축소 (0) | 2007.10.18 |
| 글쓰기폼 늘리기 - 확장, 축소 (0) | 2007.10.18 |
| 해상도에따른 브라우저 크기조절 (0) | 2007.10.18 |
| 해상도에따른 브라우저 크기조절 (0) | 2007.10.18 |
| 투명한 textarea (0) | 2007.10.18 |
| 팝업창에 관한 모든것(새창) (0) | 2007.10.18 |
| 팝업창에 관한 모든것(새창) (0) | 2007.10.18 |
| 필터 효과 (0) | 2007.10.18 |
| 필터 효과 (0) | 2007.10.18 |