snipt

Ctrl+h for KB shortcuts
#29550

CSS+PHP

html5 validation overrides for forms

1
2
3
4
<style>
input:invalid {-moz-box-shadow: none;}
input:focus {border-color:#fff; outline: none; -moz-box-shadow: 0 0 0.25em #fff; -webkit-box-shadow: 0 0 0.25em #fff; box-shadow: 0 0 0.25em #fff;}
</style>
https://snipt.net/embed/cb59dfe886f349b76f6060dc06466c1b/
https://snipt.net/raw/cb59dfe886f349b76f6060dc06466c1b/
cb59dfe886f349b76f6060dc06466c1b
css+php
CSS+PHP
4
2014-04-10T08:39:00
True
False
/api/public/snipt/29550/
html5-validation-overrides-for-forms
<table class="highlighttable"><tr><td class="linenos"><div class="linenodiv"><pre><a href="#L-1">1</a> <a href="#L-2">2</a> <a href="#L-3">3</a> <a href="#L-4">4</a></pre></div></td><td class="code"><div class="highlight"><pre><span id="L-1"><a name="L-1"></a><span class="o">&lt;</span><span class="nt">style</span><span class="o">&gt;</span> </span><span id="L-2"><a name="L-2"></a><span class="nt">input</span><span class="nd">:invalid</span> <span class="p">{</span><span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="k">none</span><span class="p">;}</span> </span><span id="L-3"><a name="L-3"></a><span class="nt">input</span><span class="nd">:focus</span> <span class="p">{</span><span class="k">border-color</span><span class="o">:</span><span class="m">#fff</span><span class="p">;</span> <span class="k">outline</span><span class="o">:</span> <span class="k">none</span><span class="p">;</span> <span class="o">-</span><span class="n">moz</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0.25em</span> <span class="m">#fff</span><span class="p">;</span> <span class="o">-</span><span class="n">webkit</span><span class="o">-</span><span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0.25em</span> <span class="m">#fff</span><span class="p">;</span> <span class="n">box</span><span class="o">-</span><span class="n">shadow</span><span class="o">:</span> <span class="m">0</span> <span class="m">0</span> <span class="m">0.25em</span> <span class="m">#fff</span><span class="p">;}</span> </span><span id="L-4"><a name="L-4"></a><span class="o">&lt;/</span><span class="nt">style</span><span class="o">&gt;</span> </span></pre></div> </td></tr></table>
forms, html5, validation