2012-04-19 20 views
5

Im usando el atributo de marcador de posición HTML5 para una entrada de texto. Puedo centrar el texto que ingresa el usuario, pero no el texto del marcador de posición para iPhones.Texto de marcador de posición central en iPhone

He intentado lo siguiente:

input::-webkit-input-placeholder, 
input:-moz-placeholder, 
::-webkit-input-placeholder, 
:-moz-placeholder, 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, 
input:-moz-placeholder, textarea:-moz-placeholder, 
{ 
text-align:center; 
} 

Respuesta

2

Parece que la agrupación webkit y propiedades MOZ como eso no juega bien con WebKit. Trate de declarar webkit separado ...

input:-moz-placeholder, :-moz-placeholder, 
input:-moz-placeholder, textarea:-moz-placeholder 
{ 
text-align:center; 
} 

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

Doenst work. Gracias de cualquier manera. – Evans

+0

sí, es extraño, parece ser solo un problema de safari – hcharge

+2

He marcado esto como correcto ya que puedo usar estos selectores para cambiar el color del texto en iphone, así que creo que centrar el texto debe ser imposible. No es la solución más limpia, pero he utilizado una imagen de fondo de texto para evitar esto. Esperemos que las variaciones de redering text cross device no sean tan notables. Gracias – Evans

0

Si desea aplicar cualquier CSS a sus marcadores de posición, hay una excelente respuesta aquí:

Change an HTML5 input's placeholder color with CSS

para cosas como el color, esto parece funcionar bien en iOS. También, de acuerdo a eso, esto es todo lo que se necesita para centrar sus marcadores de posición en el iPhone:

::-webkit-input-placeholder { /* WebKit browsers */ 
    text-align:center; 
} 

He probado esto en iPhone (iOS 5.1.1), iPad (iOS 5.0.1) y Safari (Win, 5.1.7). Ninguno de ellos parece reconocer esa regla.

Cuestiones relacionadas