Formularios transparentes con CSS

Escrito por J.F. el Lunes, 6 de Agosto del 2007 a las 21:16

Un truquito muy simple pero que puede quedar muy vistoso. Se trata de como hacer que algunos elementos de un formulario de nuestra página web sean transparentes. Es muy simple y seguramente si no eres un novato lo conozcas, pero para todos los que los desconozcan les puede resultar muy útil. Veamos la clase .transparente que usaremos:

TEXTO PLANO

CSS:

1. .transparente {
2.     background-color: transparent;
3.     border: 1px solid #000000;
4. }

Ahora veamos el código HTML, aplicando la clase .tranparente a un textarea y un campo de texto:

TEXTO PLANO

HTML:

1. <form name="formulario">
2. <textarea name="textarea" class="transparente"></textarea>
3. <input type="text" name="campo" class="transparente">
4. </form>

Puedes cambiar la anchura y el color y del borde por otro que se adecúe mejor y sea más visible dependiendo del fondo que tenga tu página web. Normalmente éste truco se aplica a páginas web que utilizan una imagen como fondo.

Categoria: CSS

• Añadir este post a
• Del.icio.us -
• Meneame -
• Digg -
• Webeame

Entradas relacionadas

Deja un comentario

Nombre (obligado)

E-mail (no sera publicado) (obligado)

Pagina web

Puedes usar las siguientes etiquetas HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>