vertical-centering-ref.html 540 B

123456789101112131415161718192021222324
  1. <!DOCTYPE html>
  2. <style>
  3. @font-face {
  4. font-family: "Ahem";
  5. src: url(../../fonts/Ahem.ttf);
  6. }
  7. select {
  8. -moz-appearance: none;
  9. border: none;
  10. font-family: Ahem;
  11. font-size: 20px;
  12. box-sizing: content-box;
  13. /*
  14. * Why are these top/bottom paddings 7px rather than 10px? 1px each is
  15. * eaten up by padding on the combobox display area, but I have no idea
  16. * where the extra 4px somewhere else are coming from...
  17. */
  18. padding: 7px 0 7px 0;
  19. }
  20. </style>
  21. <select>
  22. <option>X</option>
  23. </select>