2012-09-13 39 views
7

Me preguntaba si era posible centrar un marcador de posición y la entrada que el usuario ingresará en el campo de texto. Me imagino que sería posible, pero no puedo resolverlo. ¿Alguien podría ayudar? mi código para el campo de texto en cuestión está por debajo ...Centrar un marcador de posición y texto de entrada en un campo de texto

<input type="text" style="font-weight:bold:" name="kword" id="kword" autofocus ="on" placeholder="Enter Keyword(s)" autocomplete ="on"/> 

Gracias

+0

Además de agregar relleno, igual a la cantidad que la palabra aparece en el centro, esto podría no ser posible solo con CSS. – Kyle

Respuesta

4

..........................................

Demo

Hola ahora se utiliza para text-align:center

este css

input, input[placeholder]{ 
font-weight:bold; 
    color:red; 
    text-align:center; 

} 
+0

Centrar no parece funcionar. Además, el enlace externo está muerto. – ZimSystem

2

creo que su buscando algo como esto: http://css-tricks.com/snippets/css/style-placeholder-text/

Debido a su una nueva característica que no es totalmente compatible en el navegador, pero en los navegadores compatibles con el atributo marcador de posición, esto le permitirá darle el estilo que desee.

+0

CSS Tricks es genial para seguir y es un gran repositorio de bien ... trucos de CSS por cierto. :) – FluffyJack

0
::-webkit-input-placeholder { 
    text-align: center; 
} 

:-moz-placeholder { /* Firefox 18- */ 
    text-align: center; 
} 

::-moz-placeholder { /* Firefox 19+ */ 
    text-align: center; 
} 

:-ms-input-placeholder { 
    text-align: center; 
} 
Cuestiones relacionadas