Personalizar formularios con CSS

Puedes personalizar la apariencia de tu formulario con CSS personalizado. Este tutorial muestra cómo establecer un color de fondo diferente para los componentes dentro del formulario.

1. Escribe las clases de CSS que deseas utilizar dentro del formulario, en el campo de propiedad CSS personalizado .
   Para este ejemplo, pega las siguientes clases de CSS:

   .change {
   background-color:red;
   }
   .spring {
   background-color:green
   }

2. Mantén el puntero sobre un componente del formulario y haz clic en Editar. Escribe una de las clases añadidas en el paso 1 dentro del campo Clase CSS personalizada .
   1. Para este ejemplo, edita un componente de Campo de texto y pega la clase CSS change dentro del campo Clase CSS personalizada .
      Observe cómo el componente se pone rojo después de guardarlo.
      
      

      

      
      
   2. Edita un componente de Área de texto y pega la clase CSS spring dentro del campo Clase CSS personalizada .
      Observe cómo el componente se pone verde después de guardarlo.
      
      

      

      
      

Para ver el cómo se ha realizado y el resultado de este tutorial, mira el siguiente vídeo: