輸入字段中的佔位符文本的顏色

Question

我有一個佔位符文本的輸入字段。我想要一個字是不同的顏色說紅色，我會怎麼做呢？使用跨度設置跨度並圍繞單詞不起作用。

例如，在本網站上，我想將「搜索649廣播故事」中的數字設爲紅色。

http://66.251.226.207/library

Answer 1

如何覆蓋在當你點擊它會消失，輸入一個div（和然後指示聚焦到輸入）？這樣，您可以根據需要設置文本的部分樣式。

$('#myInputOverlayDiv').click(function() { 
    $(this).hide(); 
    $('#myInputElement').focus(); 
}) 

Answer 2

我不能告訴一個字，但如果你的風格整體佔位符，然後閱讀。

由於佔位符只能由WebKit的到目前爲止的支持，您可以使用它下面css rule：

input::-webkit-input-placeholder { 
    color: red; 
} 

對於其他瀏覽器，作爲佔位符屬性的支持發展，你將不得不使用不同的規則。對於基於Gecko的瀏覽器，您可能需要觀看Mozilla的bug 457801以瞭解最終的解決方案。