Çözüldü CSS'te input text yerine e-mail olması sıkıntı yaratır mı?

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

hayl0s

Hectopat
Katılım
17 Eylül 2021
Mesajlar
745
Çözümler
5
Daha fazla  
Cinsiyet
Erkek
Meslek
Öğrenci
Merhaba, kodu aşağıya veriyorum:
-----------------------------------------------------------------------------------------------------

CSS:
#signup .inputs input[type=text], input[type=text] {
 background: #9CCC65;
 font-size: 0.8rem;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: none;
 padding: 13px 10px;
 width: 330px;
 margin-bottom: 20px;
 box-shadow: inset 0px 2px 3px #808000;
 clear: both;
}
#signup .inputs input[type=email], input[type=password] {
 background: #9CCC65;
 font-size: 0.8rem;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
 border: none;
 padding: 13px 10px;
 width: 330px;
 margin-bottom: 20px;
 box-shadow: inset 0px 2px 3px #808000;
 clear: both;
}

-----------------------------------------------------------------------------------------------------
Yukarıdaki kodda belirttiğim yerde input text yerine input e-mail kullanmam herhangi bir sıkıntı yaratır mı?
Kullanmak isteme sebebi mi aşağıdaki görsellerde belirttiğim üzere kullanıcı adı kısmına tıklayınca arka planın peyaz olaması. Bu işlerde yeni olduğum için pek bir bilgim yok. Kodlamada o şekilde gözükmesi için değiştirmem gereken yer neresi? (Tıklayınca beyaz olması için e-mail kullanmak istemiştim 2 soru sormadım tek bir soru var modlar yanlış anlamasın*)
 

Dosya Ekleri

  • 1670529136453.png
    1670529136453.png
    3,6 KB · Görüntüleme: 54
  • 1670529152423.png
    1670529152423.png
    3 KB · Görüntüleme: 51
Son düzenleyen: Moderatör:
Çözüm
CSS kodlarınızın içine şunu ekleyip dener misiniz?
CSS:
#signup .inputs input:focus{
  background-color: white;
}
Input'a odaklanıldığında yani tıklandığında arka planı beyaz yapar ve odak kesildiğinde geri eski haline döner.
CSS kodlarınızın içine şunu ekleyip dener misiniz?
CSS:
#signup .inputs input:focus{
  background-color: white;
}
Input'a odaklanıldığında yani tıklandığında arka planı beyaz yapar ve odak kesildiğinde geri eski haline döner.
 
Çözüm
CSS kodlarınızın içine şunu ekleyip dener misiniz?
CSS:
#signup .inputs input:focus{
 background-color: white;
}
Input'a odaklanıldığında yani tıklandığında arka planı beyaz yapar ve odak kesildiğinde geri eski haline döner.

Teşekkür ederim
 

Bu konuyu görüntüleyen kullanıcılar

Technopat Haberler

Yeni konular

Geri
Yukarı