CSS ::placeholder 伪元素用于设置 或 </a> 元素的占位符文本的样式。</p> <p>占位符文本通过 placeholder 属性设置，该属性描述了字段的预期值的提示。</p> <p class="tip"><span>提示：</span>在大多数浏览器中，占位符文本的默认颜色为浅灰色。</p> </section> <section> <h2>实例</h2> <p>更改输入字段中占位符文本的颜色和透明度：</p> <pre class="language-css"> input::placeholder { color: red; opacity: 0.5; } </pre> <p class="tiy"><a target="_blank" href="/sw/tiy/t.html?f=selector_placeholder">亲自试一试</a></p> </section> <section> <h2>CSS 语法</h2> <pre class="language-css"> ::placeholder { <i>css declarations</i>; } </pre> </section> <section> <h2>技术细节</h2> <table class="technical-details"> <tr> <th style="width: 25%;">版本：</th> <td>CSS Pseudo-elements Module Level 4</td> </tr> </table> </section> <section> <h2>浏览器支持</h2> <p>表格中的数字指定了完全支持该伪元素的首个浏览器版本。</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>57</td> <td>79</td> <td>51</td> <td>10.1</td> <td>44</td> </tr> </table> </section> <section> <h2>Vichwa vya pengineza</h2> <p>CSS Mwongozo:<a href="/sw/cssref/selector_placeholder-shown.html">:placeholder-shown 伪类</a></p> </section> <div class="prenextnav-ref"> <ul> <li> sayaa yaandani <a href="/sw/cssref/selector_marker.html" title="Mfano wa ::marker katika CSS">::marker</a></li> <li> Pya <a href="/sw/cssref/selector_selection.html" title="Mfano wa ::selection katika CSS">::selection</a></li> <li> Returua kufikia ukubwa wa juu <a href="/sw/cssref/css_ref_pseudo_elements.html" title="Kitabu cha taarifa cha jina la mtandao wa CSS">Kitabu cha taarifa cha jina la mtandao wa CSS</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> Kifaa cha kufaa </center><h3> <h5 id="tools_reference"><a href="/sw/cssref/index.html">Kitabu cha taarifa cha CSS</a></h5> <h5 id="tools_example"><a href="/sw/css/css_examples.html">Mifano ya CSS</a></h5> <h5 id="tools_quiz"><a href="/sw/css/css_quiz.html">Uharibifu wa CSS</a></h5> <h5 id="tools_tutorial"><a href="/sw/css/index.html">Mafunzo ya CSS</a></h5> </div> <div><h3><center> Vituo vya msingi </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> Matokeo ya CodeW3C.com yanaeneza kusadika na kufikia kwa ajili ya mafunzo na mchakato, hawezi kubadilika kweli. Risiko zilizotokea kwa kusaidia kwa kufikia hii hatutakiwa na hii. Hata hazima hawa hata hawa ni chakula kwa uhisia, hivyo inahifadhiwa haki zote. </p> <p id="p2"> <a href="/sw/about/index.html" title="Kuhusu CodeW3C.com">Kuhusu CodeW3C.com</a> <a href="/sw/about/about_helping.html" title="Msaada wa CodeW3C.com">Msaada wa CodeW3C.com</a> <a href="/sw/about/about_use.html" title="Kuhusu kutumia">Mshahara wa kutumia</a> <a href="/sw/about/about_privacy.html" title="Kuhusu heshima">Mshahara ya heshima</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="Inarifuwa na Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>
::placeholder