Usted está aquí:
Clases CSS de formulario y ejemplos
Cuando la plantilla de formato de su formulario tiene una etiqueta <style>, puede personalizar el CSS de su formulario alojado dirigiéndose a las clases de estilo predeterminadas.
Ediciones necesarias
| Disponible en: Todas las ediciones de Account Engagement |
General
#pardot-form: Se dirige a todo el formulario.
#pardot-form {
color: #666666;
font: 13px/120% Tahoma,Arial,Helvetica,Verdana,sans-serif;
margin: 0.5em 0 1em;
padding: 0.5em;
}Errores de formulario
.error: Los objetivos forman errores.
#pardot-form span.error {
clear: left;
display: block;
font-weight: bold;
margin-top: 2px;
padding-left: 166px;
}Campos obligatorios
.required: Se dirige a campos obligatorios. Cambia la fuente a negrita y agrega una estrella amarilla.
#pardot-form p.required, #pardot-form span.required, #pardot-form label.required {
font-weight: bold;
background: url("/images/required.gif") no-repeat scroll right top transparent;
}Descripciones de campos
.description: Se dirige a la descripción del campo.
#pardot-form p span.description {
display: block;
margin-left: 153px;
}Espaciado de contenido de formulario
#pardot-form
p: Se dirige a todo el contenido del formulario y le permite ajustar el margen y el relleno.
#pardot-form p {
clear: left;
line-height: 1.4em;
margin: 3px 5px;
padding: 3px 2px;
}Botón Enviar
#pardot-form
p.submit: Se dirige al botón enviar formulario.
#pardot-form p.submit {
margin: 1em 0.5em 0.2em 160px;
padding: 0;
}Campos de lista desplegable
select: Campos desplegables de objetivos.
#pardot-form select {
font-weight: normal;
}Campos de casilla de verificación
input[type="checkbox"]: Campos de casilla de verificación Objetivos.
#pardot-form input[type="checkbox"] {
margin-right: 30px;
height: 50px;
}Campos de área de texto
textarea.standard—Targets textarea fields.
#pardot-form textarea.standard {
float: none;
height: 70px;
overflow: auto;
padding: 2px;
width: 200px;
}Campos de texto
input: Tiene como objetivo el aspecto de los campos de texto.
#pardot-form input {
font-weight: normal;
margin-right: 5px;
padding: 2px;
}input.text: Se dirige al ancho del campo de texto.
#pardot-form input.text {
width: 200px;
}Campos dependientes
.dependentField: Campos dependientes de objetivos. Si no está utilizando el CSS predeterminado, incluya este estilo en su CSS para que los campos dependientes no se muestren cuando no es necesario.
.dependentField {
display: none;
}