CSS :optional 伪类用于选择并设置可选表单元素的样式（仅适用于 、 和 </a>）。</p> <p>没有 required 属性的表单元素被定义为可选的。</p> <p class="tip"><span>提示：</span>使用 <code>:required</code> 伪类选择必填的表单元素。</p> </section> <section> <h2>实例</h2> <p>选择并设置任何没有 required 属性的 <input> 元素的样式。同时设置任何具有 required 属性的 <input> 元素的样式：</p> <pre class="language-css"> input:optional { background-color: lightgreen; } input:required { background-color: pink; border-color: red; } </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=selector_optional">亲自试一试</a></p> </section> <section> <h2>CSS 语法</h2> <pre class="language-css"> :optional { <i>css declarations</i>; } </pre> </section> <section> <h2>技术细节</h2> <table class="technical-details"> <tr> <th style="width: 25%;">版本：</th> <td>CSS3</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>10</td> <td>10</td> <td>4</td> <td>5</td> <td>10</td> </tr> </table> </section> <section> <h2>ပါဝင်သော စာလုံးပုံ</h2> <p>လိုအပ်သည့်ပြခန့်<a href="/my/cssref/selector_required.html">CSS :required ဖြစ်နိုင်သော ပုံစံ</a></p> </section> <div class="prenextnav-ref"> <ul> <li> အရှေ့လိုက် စာလုံး <a href="/my/cssref/selector_only-of-type.html" title="CSS :only-of-type အဆိုပါ">:only-of-type</a></li> <li> နောက်လိုက် စာလုံး <a href="/my/cssref/selector_out-of-range.html" title="CSS :out-of-range အဆိုပါ">:out-of-range</a></li> <li> အဆင်းပေါ်သို့ ပြန်သွား <a href="/my/cssref/css_ref_pseudo_classes.html" title="ကယ်စ်စ် အခြေအနေ စာကြည့်">ကယ်စ်စ် အခြေအနေ စာကြည့်</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/my/cssref/index.html">ကယ်စ်စ် စာကြည့် စာအုပ်</a></h5> <h5 id="tools_example"><a href="/my/css/css_examples.html">CSS 实例</a></h5> <h5 id="tools_quiz"><a href="/my/css/css_quiz.html">CSS 测验</a></h5> <h5 id="tools_tutorial"><a href="/my/css/index.html">CSS 教程</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。 </p> <p id="p2"> <a href="/my/about/index.html" title="အခြေခံ CodeW3C.com">အခြေခံ CodeW3C.com</a> <a href="/my/about/about_helping.html" title="အကူအညီ CodeW3C.com">အကူအညီ CodeW3C.com</a> <a href="/my/about/about_use.html" title="အခြေခံ အသုံးပြု">အခြေခံ အသုံးပြု</a> <a href="/my/about/about_privacy.html" title="အခြေခံ သတင်းအကျယ်">သတင်းအကျယ် အခြေခံ</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="သတ္တုတ်ထိန်းချုပ်ထားပြီးပြီးဖြစ်သည့် Ce4e.com"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>
:optional