Font size for <button> in IE

[phil_gg04]

Dear All,

I am trying to influence the font size for a <button> element using
CSS, but failing for IE. Works ok in FF. IE seems to ignore all
attempts; for example with this:

div.whatever button {
width: 8em;
font-size: something;
}

the width varies as I adjust "something", so the rule is being applied
to the element, but the actual character size doesn't change. Googling
reveals one bug report but even there they are able to have some
influence, while I change nothing:

http://www.quirksmode.org/bugreports...font_size.html

I wonder if there is some UI preference for "don't let page change
button font"?

Any thoughts anyone?

--Phil.

[L�ʻie Techie]

On Thu, 17 Feb 2005 08:20:28 -0800, phil_gg04 wrote:

Dear All,

I am trying to influence the font size for a <button> element using CSS,
but failing for IE. Works ok in FF. IE seems to ignore all attempts; for
example with this:

Do yourself a favor - avoid using the <button> tag until IE adopts the W3C
recommended behavior. As is, you won't be able to detect _which_ button
was clicked.

La'ie Techie

[phil_gg04]

> > I am trying to influence the font size for a <button> element using
CSS,

but failing for IE.
avoid using the <button> tag until IE adopts the W3C
recommended behavior. As is, you won't be able to detect _which_

button was clicked.

Fortunately I have only one button per form. I'm using a <button>
rather than <input type="submit"> so that I can have have both text and
a graphic in it; similar appearance to the browser's own "Back",
"Reload", "Print" etc. buttons would be nice.

But my font-size problem happens also with <input type="submit">.
Nothing I do changes the size of the text! Perhaps it is actually for
ALL form elements. Can someone tell me if this ought to work?

--Phil.

[Jim Moe]

ph*******@treefic.com wrote:

I am trying to influence the font size for a <button> element using
CSS, but failing for IE. Works ok in FF. IE seems to ignore all
attempts; for example with this:

div.whatever button {
width: 8em;
font-size: something;
}

div.whatever input {
font-size:90%; font-family: sans-serif;
width: 8em;
}
Works for me.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)