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, 1945 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!

PHP 7.4'e Hızlı Bakış

PHP 7.4 ile birlikte hayatımıza girecek olan özelliklere şöyle hızlıca bir bakış atmaya ne dersiniz?
...

5 Eylül 2019, 11:31   —   #php   —   Yorum yok.   —   Devamını Oku »

React ile High Order Component (HOC) kullanımı

React ile High Order Component kavramını sizlere anlatmaya çalışacağım....

17 Ağustos 2019, 11:46   —   #web   —   Yorum yok.   —   Devamını Oku »

Selamlar, oldukça uzun bir zaman sonra tekrar buralardayım. Dolu dolu geldim ama; biraz oturun, konuşalım....

16 Şubat 2019, 22:23   —   #genel   —   Yorum yok.   —   Devamını Oku »

Yine aylar olmuş ve buralarda gözükmüyorum. Ne zaman "buralara daha çok vakit ayıracağım, bol bol yazacağım" desem, kesin başka bir şeyler çıkıyor; işler, güçler, yoğunluklar vs, odaklanamıyorum. Öyle ya da böyle bunu bir düzene oturtacağım. inatçıyım bu konuda....

8 Temmuz 2018, 04:55   —   #genel   —   Yorum yok.   —   Devamını Oku »

Buraları yine oldukça aksatmış olmanın verdiği iç rahatsızlığı ile, geçen haftadan beri bir şeyler karalamaya olan isteğim ancak şu an vuku buluyor. Geçen hafta oldukça yoğun ve hareketli geçtiği için yazmaya vakit bulamadım aslında. Ya da ne bileyim, belki de bahane buluyorum......

27 Şubat 2018, 11:34   —   #genel   —   2 yorum var.   —   Devamını Oku »

Gidelim buradan...

"Gidelim buradan... Göğsünü sıkan, içini daraltan o laneti geride bırakıp gidelim. Burada yağmur bile güzel yağmıyor artık. Yağmuru güzel yağan bir yerlere gidelim....

5 Ocak 2018, 04:57   —   #karalamaca   —   Yorum yok.   —   Devamını Oku »

$_2018 = new HappyYear();

Zamanın ne denli hızlı aktığını bilmiyorum ama, gerçekten "su gibi" akıp geçiyor deyimi doğru galiba. Ne ara 2018 geldi, kapımıza dayandı; hiç bir fikrim yok. Oysa ben daha tarih yazmak zorunda olduğum kağıtlara "2017" yazmaya bile alışmamıştım. Şimdi bir de 2018 çıktı başımıza. ...

31 Aralık 2017, 17:10   —   #genel   —   Yorum yok.   —   Devamını Oku »
daha fazla göster