Forum PHP.pl > kawałek kodu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

mylovelyengland

19.05.2016, 14:08:16

Czy mógłby mi ktos wytłuamczyć ten kawałek kodu co do czego sie odnosi i co dziedziczy po czym które właściwości niby proste a mam problem

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Pseudoklasy: hover active focus</title>
    <style type="text/css">
      input {
        padding: 6px 12px 6px 12px;
        border: 1px solid #665544;
        color: #ffffff;}
      input.submit:hover {
        background-color: #665544;}
      input.submit:active {
        background-color: chocolate;}
      input.text {
        color: #cccccc;}
      input.text:focus {
        color:#665544;}
    </style>
  </head>
 
  <body>
 
    <form>
      <input type="text" class="text" value="Wpisz adres email..." />
      <input type="submit" class="submit" />
    </form>
 
  </body>
</html>
[HTML] pobierz, plaintext

Najbardziej mi chodzi o input.text i input

markonix

19.05.2016, 16:39:05

Podstawy CSS.

Input - po prostu do elementu HTML input..

input.submit - j/w tylko z klasą submit.

input.submit:hover - j/w tylko po najechaniu

input.submit:active - j/w tylko przy kliknięciu (trzymaniu przycisku)

input.text - input z klasą text

input.text:focus - input z klasą text gdy jest aktywny.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.