2012-09-13 38 views
7

Tôi đã tự hỏi liệu có thể căn giữa trình giữ chỗ và đầu vào mà người dùng sẽ nhập vào Trường văn bản hay không. Tôi tưởng tượng nó sẽ có thể nhưng tôi không thể tìm ra nó. bất cứ ai có thể giúp đỡ? mã của tôi cho Text Field trong câu hỏi là bên dưới ...Định tâm một giữ chỗ và văn bản đầu vào trong trường văn bản

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

Cảm ơn

+0

Ngoài việc thêm padding-left bằng số lượng từ xuất hiện ở trung tâm, điều này có thể không thực hiện được với CSS một mình. – Kyle

Trả lời

4

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

Demo

Hi nay sử dụng để text-align:center

css này

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

} 
+0

Định tâm dường như không hoạt động. Ngoài ra, liên kết bên ngoài đã chết. – ZimSystem

2

Tôi tin rằng bạn đang tìm kiếm một cái gì đó như thế này: http://css-tricks.com/snippets/css/style-placeholder-text/

Bởi vì nó là một tính năng mới đó là không hoàn toàn trình duyệt tương thích, nhưng trong các trình duyệt hỗ trợ thuộc tính giữ chỗ, điều này sẽ cho phép bạn tạo kiểu cho nó theo cách bạn muốn.

+0

Thủ thuật CSS là một công cụ tuyệt vời để theo dõi và là một kho lưu trữ tuyệt vời ... các thủ thuật CSS bằng cách này. :) – 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; 
} 
Các vấn đề liên quan