• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

CSS - Pseudoklasy na inputach

Object Storage Arubacloud
0 głosów
234 wizyt
pytanie zadane 19 kwietnia 2016 w HTML i CSS przez BlvckFox Gaduła (4,240 p.)

Witam, mam tutaj taki kod http://codepen.io/FoxCode/pen/NNzRzy
i chciałem zrobić coś takiego:
searchinput
W kodzie juz coś takiego mozna zobaczyć, ale nie działa na input, dlaczego? W takim razie jak najlepiej zaimplementowaćtą strzałke przed napisałem "Search"? 

1 odpowiedź

+1 głos
odpowiedź 19 kwietnia 2016 przez ScriptyChris Mędrzec (190,190 p.)
wybrane 19 kwietnia 2016 przez BlvckFox
 
Najlepsza

Pseudoklasy ::before i ::after działają tylko dla elementów, w których możesz umieścić treść, a input nie należy do takich elementów:

https://www.w3.org/TR/CSS2/generate.html#before-after-content

komentarz 19 kwietnia 2016 przez BlvckFox Gaduła (4,240 p.)
Ok, zrozumiano. Więc jak najłatwiej można tutaj umiejscowić taką strzałkę, bez zmieniania background w inpucie?
komentarz 19 kwietnia 2016 przez ScriptyChris Mędrzec (190,190 p.)
edycja 19 kwietnia 2016 przez ScriptyChris

Zastosuj ::before i/lub ::after dla rodzica input'a (jeśli nie ma rodzica, to zrób DIVa, którym owiniesz input i na tym DIVie rób strzałkę).

http://codepen.io/ChrissP92/pen/Wwyora?editors=0100

Podobne pytania

+2 głosów
2 odpowiedzi 191 wizyt
pytanie zadane 16 lutego w HTML i CSS przez Iei Obywatel (1,950 p.)
+1 głos
1 odpowiedź 166 wizyt
pytanie zadane 9 stycznia 2016 w HTML i CSS przez Jutta Obywatel (1,190 p.)
0 głosów
1 odpowiedź 146 wizyt
pytanie zadane 19 października 2016 w HTML i CSS przez damian23415 Użytkownik (890 p.)

92,655 zapytań

141,546 odpowiedzi

319,984 komentarzy

62,024 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...