Como definir a largura do botão de entrada html

Os desenvolvedores da Web colocar botões de entrada em formulários para permitir que os usuários enviem dados e, por vezes, botões controlam elementos interativos em páginas da Web, tais como menus alternando. Cada navegador processa botões de entrada de uma maneira diferente, e para aumentar a confusão, a prestação é ainda efectuadas pelos diferentes sistemas operacionais seus visitantes usam. Definir dimensões para suas HTML botões de entrada faz com que projetos de websites mais estável e menos propensos a quebrar. Você pode fazer isso usando o código Cascading Style Sheet (CSS).

  • Abra o arquivo HTML da sua página Web em um editor de código, como o Notepad ++, jEdit ou BBEdit. Localize o código para o botão que você deseja editar, que se parece com isso:

  • Verificar o valor do atributo "ID" para esse tag. Se nenhum "ID" é definido, em seguida, adicioná-lo em seu tag. Use um nome exclusivo e significativo. Você usará esse nome em CSS para atingir esse botão específico.



  • Abra seu arquivo CSS ou adicionar código entre tags, que por sua vez vão entre a e tags do seu arquivo HTML. Adicione o seguinte código:

    my-botão {

    width: 150px;

    }

    A marca hash é um prefixo dizendo ao navegador para atingir um atributo "ID", e que é seguido pelo nome que você deu o tag. Entre as chaves, defina a propriedade "width" para o valor desejado. O exemplo acima mostra uma largura de 150 pixels, mas você pode definir ems, substituindo o "px" com "eles".

dicas avisos

  • Você também pode especificar a altura, preenchimento, margens e quaisquer outras propriedades CSS para o botão de entrada HTML.
  • Desde botões exibidos de forma diferente em vários navegadores e sistemas operacionais, não espere botões para olhar o mesmo para todos os visitantes. Se você precisar de uma altura determinada, fonte ou cor para o seu botão, certifique-se de definir todos eles em CSS.
De esta maneira? Compartilhar em redes sociais:

LiveInternet