html - tamaño - ¿Cómo establecer la altura de un campo de entrada(texto) en CSS?

input html atributos

Question

Lo siento por esta pregunta, pero parece que no puedo encontrar una respuesta en cualquier lugar. Tengo un código CSS que debería establecer la altura de mi cuadro de texto. Estoy usando VS2010 Express para Windows Phone, codificando en HTML / CSS / Javascript / C #.

HTML

<input class="heighttext" type="text" id="name">

CSS

.heighttext{
  height:30px
}

Puedo configurar la altura a cualquier cosa que me guste, ¡pero el cuadro de texto seguirá siendo el mismo! Por favor ayuda, o al menos envíame un enlace que pueda!

Answer 1

Los controles de formulario son muy difíciles de diseñar multiplataforma / navegador. Algunos navegadores respetarán una regla de height CSS, otros no.

Puede probar line-height (puede necesitar display:block; o display:inline-block; ) o bottom padding top e bottom padding también. Si nada de eso funciona, eso es todo: use un gráfico, coloque la input en el centro y configure el border:none; Parece que el control de formulario es grande pero en realidad no lo es ...

Answer 2

Probar con padding y line-height -

input[type="text"]{ padding: 20px 10px; line-height: 28px; }

Answer 3

Utiliza este código de estilo

.heighttext{
 float:right;
 height:30px;
 width:70px;
 }