Safari'de metin alanı yeniden boyutlandırma tutamacını gizleme

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

Bununla birlikte, Safari'de, sağ altta kullanıcının tıklayıp sürükleyerek metin alanını yeniden boyutlandırmasına olanak tanıyan bir "tutamaç" aracı vardır. Bu sorunu stackoverflow Soru Sor sayfasındaki metin alanında da fark ettim. Bu araç kafa karıştırıcı ve temelde size engel oluyor.

Peki, bu yeniden boyutlandırma tutamacını gizlemenin bir yolu var mı?

("Kulp" kelimesinin doğru kelime olduğundan emin değilim, ancak daha iyi bir terim düşünemiyorum.)

Yeniden boyutlandırma davranışını CSS ile geçersiz kılabilirsiniz:

textarea
{
   resize: none;
}

ya da sadece basitçe

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

Geçerli özellikler şunlardır: her ikisi de, yatay, dikey, yok

Bu davranışı tüm TextAreaöğeler için devre dışı bırakmak için aşağıdaki CSS kuralını kullanın :

textarea {
    resize: none;
}

Bazı (ancak tümü değil) TextAreaöğeler için devre dışı bırakmak istiyorsanız, birkaç seçeneğiniz vardır ( bu sayfa sayesinde ).

Bir özgü devre dışı bırakmak için TextAreabirlikte nameiçin öznitelik kümesi foo(yani <TextArea name="foo"></TextArea>):

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

Veya bir kimlik kullanarak (yani <TextArea id="foo"></TextArea>):

#foo {
    resize: none;
}

Bunun yalnızca, yeniden boyutlandırma tutamacını TextAreadenetimlere ekleyen WebKit tabanlı tarayıcılar (yani, Safari ve Chrome) için geçerli olduğunu unutmayın .

Safari maksimum yükseklik maksimum genişlik fırsatı ayrıca firefox 4.0 (b3pre) ile de çalışır. bu arada burada iyi bir örnek: http://www.alanedwardes.com/posts/safari-and-resizable-textboxes/