Tecnología

Inicio

Cómo establecer el ancho del botón de entrada HTML

Cómo establecer el ancho del botón de entrada HTML


desarrolladores web colocan botones de entrada en los formularios para permitir a los usuarios enviar datos, y, a veces botones controlan elementos interactivos en páginas web, como los menús alternar. Cada navegador hace que los botones de entrada de una manera diferente, y para añadir a la confusión, la prestación se efectúa además mediante los diferentes sistemas operativos utilizan los visitantes. Configuración de las dimensiones para los botones de entrada HTML hace diseños de sitios web más estables y menos propensos a fracturarse. Usted puede hacer este código Cascading Style Sheet (CSS) usando.

Instrucciones

1 Abra el archivo HTML de la página Web en un editor de código como Notepad ++, jEdit o BBEdit. Busque el código para el botón que desea editar, con la apariencia siguiente:

<Input type = "submit" id = valor "mi-botón" = "Send It!" />

2 Comprobar el valor del atributo "ID" para esa etiqueta <input>. Si no "ID" se establece, a continuación, añadir que en su etiqueta <input>. Utilice un nombre único y significativo. Que va a utilizar este nombre en CSS para apuntar a ese botón específico.

3 Abra su archivo CSS o añadir código entre <style> y </ style>, que a su vez se coló entre las etiquetas <head> y </ head> de su archivo HTML. Agregue el código siguiente:

mi-botón {

Anchura: 150px;

}

La marca de hash es un prefijo contando el navegador para dirigirse a un atributo "ID", y que es seguido por el nombre que le dio la etiqueta <input>. Entre las llaves, establecer la propiedad "anchura" a su valor deseado. El ejemplo anterior muestra un ancho de 150 píxeles, pero puede establecer ems reemplazando el "px" con "ellos".

Consejos y advertencias

  • También puede especificar la altura, relleno, márgenes y cualquier otra propiedad CSS para el botón de entrada HTML.
  • Puesto que los botones se muestran de manera diferente en todos los navegadores y sistemas operativos, no espere que los botones para buscar el mismo para todos los visitantes. Si necesita una cierta altura, la fuente o el color de este botón, asegúrese de ajustar todos ellos en el CSS.

Artículos relacionados