Font size on selects

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
I have a select tag that displays as about 12px even though my table and td
tags are set to 10px.

This is from my .css file

html,body {
  font-family:Verdana, Arial, Helvetica, sans-serif 100%;
table {
  font-family: Verdana, Arial, Helvetica, sans-serif 100%;
th {
  text-decoration: none;
td {
  font-size: 10px;
  text-decoration: none;
  empty-cells: show;

I have to specifically set

select {

to get it to the size I want.

Why doesn't the table and td tags cover it?

Do I need to set every possible type of tag to 10 if I want it that way?



Re: Font size on selects

tshad wrote:
Quoted text here. Click to load it

100% is not a font family. Chances are your browser is ignoring this
(these) incorrect styles.

Quoted text here. Click to load it

How about the size your visitor would like? Use percentages instead of

Some browsers default form elements to about 90% of the inherited size.

Quoted text here. Click to load it

No. I would recommend the following:

body, td, input, select {
    font: 100% Helvetica, Arial, sans-serif;

Add additional specifics for other elements. text-decoration: none
doesn't make sense for table cells.

    -This space intentionally left blank.

Re: Font size on selects

Quoted text here. Click to load it

Maybe the select tags are revolting and trying to use a font size that
your visitors can actually read?

Pixels are not a good choice for font-size (even ignoring issues with
trying to specify an absolute font-size, period). Since you don't know
the display characteristics of your visitor's monitor -- e.g., what its
dpi setting is -- you don't know if 10px is easily readable or, as some
of our more outspoken friends call it, fliegenscheiße (do look it up).

Consider using the amazing em unit (google that as well), and
configuring your *browser* so that 1em fonts appear at a size that you
like. Then you and your visitors will be elated by your fine taste in
font presentation.

Oh, and there's some info here on styling forms, including (apparently)
problematic select elements:


This time around,
the revolution will
not be televised.

Site Timeline