Safari'de textarea resize tanıtıcısını gizleme

Question

Uygulamamdaki textarea bileşenlerini kullanıyorum ve yüksekliklerini dinamik olarak kontrol ediyorum. Kullanıcı tipleri olarak, yeterli metin olduğunda yükseklik artar. Bu IE, Firefox ve Safari'de iyi çalışıyor.

Ancak, Safari'de, sağ altta kullanıcının tıklatıp sürükleyerek metinleri yeniden boyutlandırmasını sağlayan bir "tanıtıcı" aracı vardır. Ayrıca bu soruyu stackoverflow sorusu içindeki textarea ile bir Soru sorun sayfasında da farkettim. Bu araç kafa karıştırıcı ve temelde yol alır.

Bu yeniden boyutlandırma tutamacını gizlemek zaten var mı?

(Ben doğru kelime "idare" olmadığından emin değilim, ama daha iyi bir dönem düşünemiyorum.)

Answer 1

CSS içeren boyutlandırma davranışı geçersiz kılabilirsiniz:

textarea 
{ 
    resize: none; 
} 

veya sadece basitçe

<textarea style="resize: none;">TEXT TEXT TEXT</textarea> 

Geçerli özellikleri şunlardır: yatay, dikey, hiçbiri hem

Answer 2

saf ari max-height max-width fırsat da firefox 4.0'da çalışır (b3pre). Bu arada burada iyi bir örnek: http://www.alanedwardes.com/posts/safari-and-resizable-textboxes/

Answer 3

tüm TextArea elementler için bu davranışı devre dışı bırakmak için aşağıdaki CSS kuralını kullanın: Bazı için devre dışı bırakmak istiyorsanız

textarea { 
    resize: none; 
} 

TextArea elemanları, sen (tüm ama) bir çift seçeneğiniz var (this page'a teşekkürler).

#foo { 
    resize: none; 
} 

Not Bu şartla ki: (yani, <TextArea id="foo"></TextArea>) bir kimlik kullanılarak

textarea[name=foo] { 
    resize: none; 
} 

veya:

foo (yani <TextArea name="foo"></TextArea>) ayarlanır name niteliğiyle belirli TextArea devre dışı bırakmak için yalnızca yeniden boyutlandırma tanıtıcısını TextArea denetimlerine ekleyen WebKit tabanlı tarayıcılar (Safari ve Chrome gibi) ile ilgilidir.