2012-09-13 18 views
7

Mi chiedevo se fosse possibile centrare un segnaposto e l'input che l'utente inserirà nel campo di testo. Immagino che sarebbe possibile, ma non riesco a capirlo. qualcuno può aiutare? il mio codice per il campo di testo in questione è sotto ...Centrare un segnaposto e immettere testo in un campo di testo

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

Grazie

+0

A parte aggiungere padding-left uguale alla quantità che la parola appare al centro, questo potrebbe non essere possibile con il solo CSS. – Kyle

risposta

4

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

Demo

Hi ora utilizzato per text-align:center

questo css

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

} 
+0

Il centraggio sembra non funzionare. Inoltre, il collegamento esterno è morto. – ZimSystem

2

Credo che la vostra ricerca di qualcosa di simile a questo: http://css-tricks.com/snippets/css/style-placeholder-text/

perché è una nuova funzione che non è pienamente compatibile con il browser, ma nei browser che supportano l'attributo segnaposto questo ti consentirà di modellarlo come preferisci.

+0

I trucchi CSS sono fantastici da seguire ed è un ottimo repository di ben ... trucchi CSS a proposito. :) – 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; 
} 
Problemi correlati