Los botones son un tipo de entrada diseñado con HTML para modificar un elemento de formulario. El código HTML para las formas y los botones de entrada son compatibles con todos los principales navegadores, incluidos Mozilla Firefox. Si encuentra que la apariencia por defecto para los botones no encaja con el diseño de su sitio web, se puede modificar el uso de CSS.
Firefox, botones y CSS
El comportamiento de los botones en Firefox es casi idéntica a la de botones en cualquier navegador; La única diferencia real es que el valor predeterminado del botón de Enviar es "Enviar Consulta" en lugar de simplemente "Enviar". Firefox siempre ha sido justo en línea con los estándares Web; a partir de 2011 la versión más reciente de Firefox es compatible con la mayoría CSS3 y casi todos los elementos anteriores de CSS, labrar un botón de entrada con HTML. Salvo para decir, CSS más cosmética que utiliza para diseñar sus botones funcionará en Firefox.
Opciones del botón
Hay más de un tipo de botón de la opción de entrada. Ahí está el botón genérico, el botón de enviar y el botón de reinicio. Mientras que debe establecer la acción predeterminada de un botón, el botón de envío envía los datos del formulario, mientras que el botón de reinicio se borra. Usando el HTML básico se puede cambiar el valor del botón - lo que dice - pero eso es prácticamente todo. Por ejemplo, para configurar un botón que dice "Enviar" enviar el código HTML sería:
<Input type = "submit" value = "Enviar" />
Aspecto del botón predeterminado
Sin modelar con el CSS, el botón aparecerá planteado en la página en un efecto 3D básico, con un fondo gris y negro de texto. Los Botones de escala en anchura para ajustarse exactamente su valor, y el uso de una fuente sans serif genéricos en aproximadamente 12 píxeles de alto, aunque esto puede variar dependiendo de la configuración de fuente de navegador del visitante. Al hacer clic, el botón aparecerá presionado.
Modificación CSS
Se puede utilizar casi cualquier CSS para cambiar el aspecto de su botón: colores, tamaño, tipo de letra, incluso la posición del botón de la página se puede modificar con CSS. El botón conserva el aspecto 3D a menos que cambie la frontera; si cambia la frontera a través de CSS, el botón se vuelve plana. Si desea dotar a cada botón de apariencia uniforme como negro con texto en blanco, se puede cambiar el elemento de entrada en la hoja de estilos:
de entrada {
background: # 000000;
de color: #FFFFFF;}
Sin embargo, esto afecta a todos los elementos de entrada en su página, incluyendo las áreas de texto y casillas de verificación. Más específico es crear una clase y aplicar esa clase para cada botón, como "<input type =" button "class =" "value =" Pulse aquí "/>" con la clase:
.button {
background: # 000000;
de color: #FFFFFF;}
Una tercera opción es añadir un atributo "estilo" a su etiqueta HTML. Supongamos que tenía una forma dentro de un contenedor, y quería que el botón Enviar para flotar el botón derecho y el restablecimiento de flotar a la izquierda. Se podría utilizar el "estilo" dentro de la etiqueta, como en:
<Input type = "reset" value = estilo de "Borrar" = "float: left;">
<Input type = "submit" value = "Enviar" style = "float: right;">
El único problema que puede encontrar un estilo en Firefox está usando la opción "text-align" para mover el texto del botón para un determinado lugar. Por defecto Firefox centra el valor del botón, y CSS no cambia eso.