Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Vyšší tlačítka ve Firefoxu, než by měla být</title> <h1>Vyšší tlačítka ve Firefoxu, než by měla být</h1> <button>Tlačítko</button> <div class="sto-krat-padesat">100 × 50</div> <input type="submit" value="Tlačítko"> <h2><code>::-moz-focus-inner</code></h2> <p>Řešení je zrušit <code>border</code> u <code>::-moz-focus-inner</code>:</p> <div class="focus-inner"> <button>Tlačítko</button> <div class="sto-krat-padesat">100 × 50</div> <input type="submit" value="Tlačítko"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
button, input { line-height: 50px; width: 100px; padding: 0; border: 0; font-size: 100%; } .sto-krat-padesat { display: inline-block; width: 100px; line-height: 50px; } button, input, .sto-krat-padesat { text-align: center; background: navy; color: #fff; vertical-align: middle; } .focus-inner button::-moz-focus-inner, .focus-inner input[type=submit]::-moz-focus-inner { border: 0; padding: 0; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>