爲什麼我在Firefox瀏覽器的佔位符後沒有紅星？

我想放置一個紅色的星星後佔位符。 Chrome和Safari都可以，但在Firefox中不起作用。我所做的是爲什麼我在Firefox瀏覽器的佔位符後沒有紅星？

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

在CSS

和

<div class="form-group"> 
    <input type="text" name="username" id="username" tabindex="1" class="form-control" placeholder="Email" > 
</div>

在HTML

。爲什麼FIREfox中的Email之後什麼也沒有。

來源

2016-03-04 batuman

什麼是你的鏈接是： :: - webkit-input-placeholder：在{之後3210內容：「*」; 顏色：紅色; } 不：輸入:: - webkit的輸入佔位符：後我不熟悉CSS的「::」語法，但如果你只是效仿它可能會工作。 – sscotti

@sscotti，他們是一樣的 – batuman

現在我發現鉻和safari很好。只是鉻有問題。 – batuman

問題是:: after僞只能在Chrome中使用-input-placeholder（或-placeholder）。在這個小提琴通知，分別在Firefox和IE，

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

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

工作，但不

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

或

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

jsFiddle

來源

2016-03-04 04:46:29 symlink

是的，這是原因。 – batuman

小提琴的例子，你給有：

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

你::之前有投入？

來源

2016-03-04 04:22:52 sscotti

是與輸入或無輸入相同。 – batuman

現在我發現鉻和safari很好。只是鉻有問題。 – batuman

可能看看這個。 [鏈接]（http://stackoverflow.com/questions/12834939/css-after-input-placeholder-not-working-in-mozilla），必須有一個解決方法。 – sscotti

爲什麼我在Firefox瀏覽器的佔位符後沒有紅星？

回答

相關問題