CSS İpucu 27: Chrome ve Safari’de textarea genişletme işlevini kaldırma
Webkit tabanlı tarayıcılarda(Google Chrome ve Safari) textarea’ların sağ alt köşesinde textarea’yı genişletmeye yarayan bir işaret bulunur bu işretin üzerine mouse ile basıp genişliği ve yüksekliği arttıra biliriz. Bu işlem kullanıcının uzun içerik girdiği durumlar düşünülerek konulmuştur ve yararlı bir özelliktir. Ancak bazen bu işaret ve işlevini kullanmak istemediğimiz durumlar olur ve bu işareti kaldırmak isteriz. Bu durum için çok kısa bir css kodu işimizi görüyor.
textarea{ resize:none}
Sadece bu kod ile istediğimizi elde edebiliriz.
Tek sakıncası bu kodu sadece webkit tabanlı tarayıcılar desteklediği için sayfamızı w3c CSS kontrolünden geçirdiğimizde hata verecek olmasıdır.
[...] Tarayıcı bu eleman için bu değeri otomatik uygulamaktadır. Daha önce ipucu olarak yazdığım gibi bu otomatik tanımı css ile [...]
çok teşekkür ederim.. aradığımı buldum eyvallah..=)
[...] CSS İpucu 27: Chrome ve Safari’de textarea genişletme işlevini kaldırma [...]
max-width ve max-height vererekte kapatabiliyorduk.. valid CSS! :)
Evet buda var ancak burada da şöyle bir sorun oluyor köşedeki işaret orada kalıyor.
Şöyle bir şey de var: http://qeremy.com/restrict-safari-textarea-resizi…
"resize:none" ifadesini başka bir css seçicisi içine yazdığımızda etki yapmıyor. tek başına kullanmak lazım.
Ben denedim sorun olmadı
Bu özellik Mozilla Firefox 4'ün Beta sürümünde de geldi. Aynı komut ile Firefox'da da bu özelliği pasif hale getirebiliyoruz. Sanırım 4'ün kararlı sürümünde de gelecek aynı şekilde.