私はこのようなCSSコードを持っている：firefoxのデバッグプレースホルダ擬似要素はどうですか？
:-moz-placeholder,::-moz-placeholder {
color: #999;
/*some additional font styling*/
}
私はクリックして「要素を点検」と要素に関するすべてのスタイル情報を見ることができます。しかし、どこに要素のプレースホルダに適用されているすべてのCSSルールが見えますか？
プレースホルダは次のように、擬似要素である::時々の要素のこれらのタイプは、あなたが必要と、Firefoxのインスペクタで見ることができませんでした（https://developer.mozilla.org/en-US/docs/Web/CSS/pseudo-classes）擬似クラスとして
を参照さ（https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements）の前と::後少なくともFirebugやChrome Dev Toolsがありますが、最近はFirefox Inspectorでも利用できます。それらは "シャドードーム"（極端な簡単な説明：他の要素の内部でブラウザによって作成された要素）の一部です。
あなたの入力またはテキストエリアの要素内のDOMインスペクタでプレースホルダを見つけることができます。入力要素を選択し、右クリックメニューから「要素を検証」を選択し、その後、あなたはそのようなものが表示されるはずです。
Firefoxのインスペクタ
を
クローム開発ツール
Chromeの場合、[ユーザーエージェントシャドーを表示する]を有効にする必要があります開発ツールの設定で「ow DOM」を選択します。あなたのアドレスバーに
この答えは、FirbugやChromeツールのどこでプレースホルダを見つけるかを説明した方が良いでしょう。 – Jeff
Chromeでは、上の写真（または近く）の歯車を使ってシャドードームを切り替えることができます。それは設定を開き、 "Shadow Domを表示する"オプションがあります。そのページを確認し、そのページをリフレッシュしてシャドウDOMを確認します。 –
疑似要素は疑似クラスと異なります。 "：" ::は疑似要素を開始します： '：'疑似クラス（http://dev.w3.org/csswg/selectors-4） –
その後、&：afterの前に擬似要素をクリックしてスタイルを確認できます。 これはなぜ無効になっているのかわかりませんが、Chromeではデフォルトで機能します。あなたはの線に沿って見ていることにしたい。このlink
から
**表示するユーザエージェントCSS **（放火魔のため）、それは各ブラウザ/ DOM検査ツールのために異なるのですけれども。今日は時間があれば、私は完全な答えを書くでしょう。 – Xareyo
組み込みのFirefox検査ツールを使用しているようです。あなたは行きたいと思っています_Inspect Element（Q）> Computed>ボトムの 'Browser styles'をチェックしてください – Xareyo