更改佔位符的最後一個字符的顏色

我有一個inputs的表格，它的placeholders顯示*除了幫助文本之外還包含必填字段。更改佔位符的最後一個字符的顏色

我要的是改變*即佔位符的最後一個字符的顏色

<input type="text" placeholder="Name *" />

是否有任何選擇？除了下面的選擇器，選擇一個placeholder;

input::-webkit-input-placeholder（用於WebKit瀏覽器）

enter image description here

在此先感謝！

來源

2014-02-20 Aamir Shahzad

不，你不能。用一些div更好地包裝輸入，給它'position：relative'並添加一個帶'position：absolute'的標籤''這樣你可以用span或其他東西包圍'*'。你必須使用js來將標籤隱藏在焦點上。同樣的問題在這裏：http://stackoverflow.com/questions/20964967/change-the-last-letter-of-place-holder-texts-using-css – drip

@drip see ronan answer :) –

有點棘手，你就必須檢查自己爲不同的瀏覽器的支持，但這裏是一個Fiddle Demo爲你:-)

HTML

<input type="text" placeholder="Name" />

css

input::-webkit-input-placeholder:after{color:red;content:" *";}

只是將*作爲元素後面的一部分，並單獨對其進行了設計。

來源

2014-02-20 09:20:12

你已經做了一個很棒工作 - –

非常感謝！ –

如何在mozilla firefox中使用這個工作 – Kathir

更改佔位符的最後一個字符的顏色

回答

相關問題