Bu kılavuzda, CSS kullanarak giriş alanının nasıl devre dışı bırakılacağını anlayacağız. Öyleyse başlayalım!
CSS Kullanarak Giriş Alanı Nasıl Devre Dışı Bırakılır?
CSS'de olaylar “ kullanılarak devre dışı bırakılır. işaretçi olayları ' Emlak. Bu nedenle, önce pointer-events özelliğini öğrenin.
'İşaretçi olayları' CSS Özelliği nedir?
“ işaretçi olayları ” HTML öğelerinin tıklama veya dokunma olayları, etkin veya fareyle üzerine gelme durumları gibi dokunma olayına nasıl tepki verdiğini veya nasıl davrandığını ve imlecin görünür olup olmadığını kontrol eder.
Sözdizimi
İşaretçi olaylarının sözdizimi şu şekilde verilir:
işaretçi olayları : Oto | Yok ;
Yukarıda bahsedilen özellik, “ gibi iki değer alır. Oto ' ve ' Yok ”:
- Oto: Varsayılan olayları gerçekleştirmek için kullanılır.
- Yok: Olayları devre dışı bırakmak için kullanılır.
Verilen örneğe doğru gidin.
Örnek 1: CSS Kullanarak Giriş Alanı Ekleme
Bu örnekte öncelikle bir div oluşturacağız ve ona bir başlık ve giriş alanı ekleyeceğiz. Ardından, giriş türünü “olarak ayarlayın. Metin ” ve değerini “olarak ayarlayın. Adınızı giriniz ”.
HTML
< div >< merkez >
< h1 > Giriş Alanını Devre Dışı Bırak < / h1 >
< giriş tip = 'Metin' değer = 'Adınızı giriniz' >
< / merkez >
< / div >
Bundan sonra, CSS'ye gidin ve arka plan rengini ' olarak ayarlayarak div'i stillendirin. rgb(184, 146, 99) ” ve yükseklik” olarak 150 piksel ”.
CSS
div {arka fon- renk : rgb ( 184 , 146 , 99 ) ;
yükseklik : 150 piksel;
}
Yukarıda açıklanan kodun çıktısı aşağıda verilmiştir. Burada girdi alanımızın şu anda aktif olduğunu ve kullanıcıdan girdi kabul ettiğini görebiliriz:
Şimdi, “değerini kullandığımız bir sonraki bölüme geçin. işaretçi olayları ” olarak mülk” Yok ”.
Örnek 2: CSS Kullanarak Giriş Alanını Devre Dışı Bırakma
Şimdi kullanacağız” giriş ” HTML dosyasına eklenen öğesine erişmek ve işaretçi olaylarının değerini “ olarak ayarlamak için Yok ”:
giriş {işaretçi olayları : Yok ;
}
Yukarıda belirtilen özelliği uyguladığınızda “ işaretçi olayları ' ile birlikte ' Yok ” değeri, giriş alanının metni düzenlenemez, bu da giriş alanımızın devre dışı olduğunu gösterir:
Bu kadar! CSS kullanarak giriş alanını devre dışı bırakma yöntemini açıkladık.
Çözüm
Bir HTML'deki bir giriş alanını devre dışı bırakmak için “ işaretçi olayları CSS'nin ” özelliği kullanılır. Bunu yapmak için bir giriş alanı ekleyin ve işaretçi olaylarının değerini “ olarak ayarlayın. Yok ” giriş alanını devre dışı bırakmak için. Bu kılavuzda, CSS kullanarak bir giriş alanını devre dışı bırakma yöntemini açıklıyor ve bunun bir örneğini sunuyoruz.