Accessibility

CSS Advisor

Buttons lose button shape when floated

by CSSAdvisorAdmin on October 31, 2006
Edited by: sfegette on December 3, 2009 Avg Rating 4.3 (3)   |   Log in to rate post.

Tagged with Opera 7.x , button , Float , Opera 8.5

Problem

A float applied to <button> causes the button background to disappear (leaving only the text).

Solution

Use <input type="button"> instead.

Detailed description

A float applied to <button> causes the button background to disappear (leaving only the text).

NOTE: Dreamweaver renders the button background but does not render the padding properly.

Originally reported by Chris Hester on quirksmode.org (Original Article)




Tagged with Opera 7.x , button , Float , Opera 8.5

Tag it on del.icio.us or Digg

Text ID: DISAPPEARING_BUTTON_BACKGROUND


Comments (0)

To add a comment, please Log in.








CSS Advisor home
Submit a post

rss

CSS ADVISOR RSS FEEDS
Recent: POSTS | COMMENTS | EDITS


Browsers
Internet Explorer (45)
Mozilla/Firefox (16)
Opera (7)
Safari (13)
CSS Properties
Background (6)
Border (3)
Color (1)
Float (15)
Font (1)
Margin (6)
Padding (4)
Position (15)
Text (13)
Width/Height (9)