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

Question

我有一個輸入字段，其中包含占位符文本。 我想要一個字是不同的顏色說紅色，我怎么會這樣做？ 使用跨度設置跨度和圍繞單詞的樣式不起作用。

例如，在這個網站上，我希望短語“搜索649電台故事”中的數字為紅色。

http://66.251.226.207/library

Answer 1

我不能說一個單詞，但如果你要整個占位符，那么請閱讀它。

由於占位符目前僅由WebKit支持，因此您可以使用以下css規則 ：

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

對於其他瀏覽器，隨着對占位符屬性的支持的發展，您將不得不使用不同的規則。 對於基於Gecko的瀏覽器，您可能需要觀看Mozilla的錯誤457801以找出最終的解決方案。

Answer 2

如何將div疊加在單擊它時消失的輸入（然后將焦點指向輸入）？ 這樣，您可以根據需要設置文本部分的樣式。

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