<!DOCTYPE html> <style> @font-face { font-family: "Ahem"; src: url(../../fonts/Ahem.ttf); } select { -moz-appearance: none; border: none; font: 20px/1 Ahem; box-sizing: content-box; /* The testcase has 20px-tall text, which should be centered in a 40px-tall content-box (with 10px of extra space above and below). We emulate that by having explicit 10px of padding on top and bottom. */ padding: 10px 0 10px 0; } </style> <select> <option>X</option> </select>