HTML의 텍스트 영역 테두리 제거

HTML의 textarea 요소로 작업하고 있는데 상자의 테두리를 제거하고 싶습니다. 내 textarea 하단의 텍스트를 정렬하고 싶습니다. 직접 텍스트 영역에 그것을HTML의 텍스트 영역 테두리 제거

<style type="text/css"> 
    textarea { border: none; } 
</style>

또는 수행 :

2009-06-25 PROFESSOR

당신의 <head>이 추가

<textarea style="border: none"></textarea>

2009-06-25 05:03:58

IE에서 스크롤 버튼을 제거하지 않습니다. 내 솔루션이 그것을 커버해야합니다. – Jacob

인라인 CSS가 좋지 않음 –

+13

Safari/Chrome의 경우 'outline : none;' – Gary

을 CSS에서 :

textarea { 
    border-style: none; 
    border-color: Transparent; 
    overflow: auto;   
    }

2009-06-25 05:07:22 Jacob

이것은 크로스 브라우저에서 작동하므로 정답이어야합니다. –

textarea { 
border: 0; 
overflow: auto; }

덜 CSS^ 을 ~ 할 수 없다. 불행히도 텍스트를 하단에 정렬하십시오.

2009-06-25 11:56:30

이것은 투명하게 설정하지 않고도 ie7에서 테두리를 제거합니다. –

이 사람은 중대하다 :

<style type="text/css"> 
textarea.test 
{ 
width: 100%; 
height: 100%; 
border-color: Transparent;  
} 
</style> 
<textarea class="test"></textarea>

2011-08-15 22:40:11 SilverHorn

답변