custom button disappears in IE

B

Bill Steele

Wanted a "mail this page" button to not look like a button. So this:

<button class="emailArticleButton"
onmouseover="this.className='emailArticleButtonChange';"
onmouseout="this.className='emailArticleButton';" type="submit"
name="submit"></button>

The classes take you to a CSS file that makes the button the usual
little image of an envelope.

Except in IE (mac or PC, several versions) where the button becomes
completely invisible. Does IE not read styles inside forms? Or what?
 
S

scripts.contact

Wanted a "mail this page" button to not look like a button. So this:

<button class="emailArticleButton"
onmouseover="this.className='emailArticleButtonChange';"
onmouseout="this.className='emailArticleButton';" type="submit"
name="submit"></button>

The classes take you to a CSS file that makes the button the usual
little image of an envelope.

Except in IE (mac or PC, several versions) where the button becomes
completely invisible. Does IE not read styles inside forms? Or what?

set a width on button in CSS
 
L

-Lost

scripts.contact said:
set a width on button in CSS

Internet Explorer seems to not like empty width and height elements (on
IMGs for examples). Providing empty attributes makes the element invisible.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
473,744
Messages
2,569,484
Members
44,903
Latest member
orderPeak8CBDGummies

Latest Threads

Top