css - placeholder için stil tanımlama

7 Mayıs 2017 Pazar, 15:28 sularında İzni Burak Demirtaş tarafından #web konularında yazılmış.
Yazıldığından bu yana, 378 kez okunmuş ve 0 yorum almış.

HTML kodlarken input elemanlarına açıklama veya kullanım örneği verebilmek için çok sık kullanılan placeholder özelliğini biliyorsunuzdur. (Bilmeyenleri şöyle alalım: placeholder)

Yapılan tasarıma ve kullanılan renklere göre tarayıcıların varsayılan ayarlarında bulunan placeholder font rengi, sizin tasarımınız ve kullandığınız renkler ile uyumsuz olabiliyor. Bende bu durumla alakalı olarak bir sorun yaşadım, bunu değiştirmenin bir yolu var mı diye araştırma yaptım ve placeholder özelliği için kendi css tanımlamalarınızı yapabileceğiniz bir kod buldum. 

Şöyle buyrun:

::-webkit-input-placeholder { color:#bbb; }
:-moz-placeholder { color:#bbb; opacity:1; }
::-moz-placeholder { color:#bbb; opacity:1; }
:-ms-input-placeholder { color:#bbb; }

Yukarıdaki şekilde placeholder özelliklerini css ile yakalayabiliyor ve stil tanımlayabiliyorsunuz. Başka css özellikleri de deneyebilir, olumlu sonuçlar alırsanız yorum bırakarak beni de bilgilendirebilirsiniz. 

Umarım ihtiyacı olanlara yardımcı olur. 

Kodla kalın! 


Yorumunu Gönder     Sende görüşünü yaz!

Hiç yorum yapılmamış.   İlk yorumu sen yap!

"Hangi şehre gidilir yalnız başına? 
Hangi şarkı dinlenir senle duymayınca? ...

30 Haziran 2017, 04:39   —   #karalamaca   —   Yorum yok.   —   Devamını Oku »

dostlar bana hediye!

üç sene önce bin bir tane soru işaretiyle yollara düşerek geldim bu KBU denilen mekana. haklı sebeplerim de vardı şimdi, ne yalan söyleyeyim. bunlara uzun uzun değinmeyeceğim şimdi, siz zaten biliyorsunuz. her şey bir yana, hayatta en değer verdiğim kavramların başlarında gelen arkadaşlık, dostluk, kardeşlik kavramları, en büyük muallak konuydu benim için. macera böyle başladı. ...

8 Haziran 2017, 14:56   —   #karalamaca   —   Yorum yok.   —   Devamını Oku »

ubuntu - 'sudo: unable to resolve host' uyarısı

İşletim sistemi olarak Ubuntu yüklenmiş bir bilgisayar veya sunucu kullanıyor ve  sudo komutları çalıştırırken "sudo: unable to resolve host" gibi bir hata ile karşılaşıyorsanız, bu hatayı gidermek için aşağıdaki işlemleri yapabilirsiniz.
...

17 Mayıs 2017, 22:12   —   #linux   —   Yorum yok.   —   Devamını Oku »

css - placeholder için stil tanımlama

HTML kodlarken input elemanlarına açıklama veya kullanım örneği verebilmek için çok sık kullanılan placeholder özelliğini biliyorsunuzdur. (Bilmeyenleri şöyle alalım: placeholder)...

7 Mayıs 2017, 15:28   —   #web   —   Yorum yok.   —   Devamını Oku »

gerek projeler, gerek bitirme tezim, gerekse sınavlar dolayısıyla buraları uzun süredir aksatıyorum; farkındayım. siz beni özlediniz mi bilmiyorum ama, açık konuşmak gerekirse ben burayı ve sizi özledim. ...

28 Nisan 2017, 23:45   —   #genel   —   Yorum yok.   —   Devamını Oku »

nur - simple PHP framework

Merhabalar, 

Yine değişik işler peşinde koşturduğum bir dönemden daha selamlar ederim. Karşınıza belki gereksiz, belki saçma, belki de "aa güzel olmuş be" tepkisi verebileceğiniz bir projemle çıkıyorum. Hazır olun. ...

20 Ocak 2017, 16:47   —   #php   —   2 yorum var.   —   Devamını Oku »

"
Bir gülüşte ne olabilir en fazla, 
Bilmiyorum.
Ama seninkinde huzur var.
...

5 Ocak 2017, 02:08   —   #karalamaca   —   Yorum yok.   —   Devamını Oku »
daha fazla göster