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

Mercoledì 06 Agosto 2008 21:53 amministratore

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>

Ultimo aggiornamento Domenica 10 Agosto 2008 13:34

Skinny site

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

Menu Principale

Google Analytics Tracking Module

Articoli correlati