2012-09-13 23 views
7

Zastanawiam się, czy możliwe było wyśrodkowanie elementu zastępczego i dane wejściowe, które użytkownik wprowadzi w polu tekstowym. Wyobrażam sobie, że byłoby to możliwe, ale nie mogę tego zrozumieć. Czy ktoś mógłby pomóc? mój kod do pola tekstowego w pytaniu jest poniżej ...Wyśrodkowanie symbolu zastępczego i tekstu wejściowego w polu tekstowym

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

Dzięki

+0

Oprócz dodania wypełnienia-lewej równej kwocie, która pojawia się w środku, może to nie być możliwe w samym CSS. – Kyle

Odpowiedz

4

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

Demo

Hi obecnie wykorzystywane do text-align:center

ten css

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

} 
+0

Centrowanie nie działa. Również link zewnętrzny jest martwy. – ZimSystem

2

wierzę szukasz czegoś takiego: http://css-tricks.com/snippets/css/style-placeholder-text/

ponieważ jego nowa funkcja nie jest w pełni kompatybilny przeglądarka, ale w przeglądarkach, które obsługują atrybut zastępczy, pozwoli Ci to nadać stylu, jak lubisz.

+0

CSS Tricks jest świetny do naśladowania i jest doskonałym repozytorium dobrze ... Sztuczki CSS przy okazji. :) – 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; 
} 
Powiązane problemy