Skinnysite.net

... un modo di esprimersi.

Skip to content

Homa Page di Daniele Franceschini

Come sia possibile avere degli effetti particolari sulle caselle di testo attraverso semplici regole CSS

Valutazione attuale:

/ 0

Dettagli: Categoria principale: Code Snippets; Pubblicato Mercoledì, 06 Agosto 2008 20:53; Visite: 419

Spesso si pensa che solo attraverso complessi script o chi sa quali tecnologie, sia possibile avere effetti speciali nelle pagine, invece con l'utilizzo di semplici regole css è possibile ottenere effetti interessanti, browser permettendo ovviamente.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
  <head>
    <title></title>
    <!--
    L'esempio funziona su browsers compatibili con le specifiche CSS 2,
    su Internet Explorer l'esempio non funziona.
    -->
    <style>
    input.mytext {
      border: 1px solid #005BB2;
      background-color: transparent;
      color: #0066CC;
    }
    input.mytext:focus {
      background-color: #00CC33;
      color: #000000;
    }
    </style>
  </head>
  <body>
    <input type="text" id="text1" class="mytext" />
    <input type="text" id="text2" />
  </body>
</html>