居中佔位符並在文本字段中輸入文本

我想知道是否可以居中佔位符和用戶將輸入到文本字段中的輸入。我想這將是可能的，但我無法弄清楚。誰能幫忙？我的代碼文本字段中的問題是下面...居中佔位符並在文本字段中輸入文本

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

感謝

來源

2012-09-13 user1662306

除了添加與該詞出現在中心的數量相等的填充左側外，單獨使用CSS可能無法實現。 – Kyle

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

Demo

嗨現在用於text-align:center

這個CSS

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

}

來源

2012-09-13 10:39:17

居中似乎不起作用。此外，外部鏈接已死亡。 – ZimSystem

我相信你在尋找這樣的事情：http://css-tricks.com/snippets/css/style-placeholder-text/

由於它的一項新功能，它不是完全瀏覽器兼容的，但是在支持佔位符屬性的瀏覽器中，這會讓你按照自己喜歡的方式進行設置。

來源

2012-09-13 10:37:40 FluffyJack

CSS技巧是很好的遵循，並且是一個很好的存儲庫...順便說一下CSS技巧。 :) – FluffyJack

::-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; 
}

來源

2016-06-16 11:37:24

居中佔位符並在文本字段中輸入文本

回答

相關問題