Personalizar formularios con CSS

Puedes personalizar la apariencia de tu formulario utilizando 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 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 Campo de texto y pega la clase change CSS dentro del campo Clase CSS personalizada. Observa cómo el componente se vuelve 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. Vea cómo el componente se vuelve verde después de guardarlo...

   

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