2009-06-25 17 views
21

HTML'de textarea öğesi ile çalışıyorum ve kutunun kenarlığını kaldırmak istiyorum. Ayrıca metni textarea'umun alt kısmına hizalamak istiyorum. doğrudan textarea üzerindeHTML'de textarea kenarlığını kaldırma

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

Ya yapın::

cevap

44

sizin <head> Bu ekle

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

IE kaydırma düğmelerini kaldırmak dair. Benim çözümüm bunu kapsamalı. – Jacob

+7

Inline CSS iyi değil –

+13

Ayrıca "anahat: none;" Safari/Chrome için – Gary

38

BB'de:

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

Çapraz tarayıcıda çalıştığından bu doğru cevap olmalı. –

1
textarea { 
border: 0; 
overflow: auto; } 

az CSS^ seni olamaz Metni maalesef hizalayın.

+1

Bu saydamlık sınırını şeffaflığa ayarlamak zorunda kalmadan ie7'den kurtardı. –

3

Bu bir harika:

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