40065 - [FIX]<input type="button"> and <button> use different fonts

Status: VERIFIED FIXED

(Core :: Layout: Form Controls, defect, P3)

Description

[Jesse Ruderman]

<input type="button"> and <button> use different fonts, causing html4 buttons 
to look bigger than old form buttons.

this doesn't seem to violate an html 4 spec, but it does make pages that mix 
<input type="button"> and <button> look ugly.


from http://www.w3.org/TR/html4/interact/forms.html#h-17.5 :

Buttons created with the BUTTON element function just like buttons created with 
the INPUT element, but they offer richer rendering possibilities: the BUTTON 
element may have content. For example, a BUTTON element that contains an image 
functions like and may resemble an INPUT element whose type is set to "image", 
but the BUTTON element type allows content.

Visual user agents may render BUTTON buttons with relief and an up/down motion 
when clicked, while they may render INPUT buttons as "flat" images.

Comment 1

[Jesse Ruderman]

Attachment: test case

Comment 2

[Marc Attinasi]

The rule for BUTTON in html.css needs to have the font-face and font-size 
specified. Adding the following to the testcase makes the buttons the same size:

BUTTON {   
  font-family: sans-serif;
  font-size: small;
}


So, I think this should be added to html.css for BUTTON - sending to the 
control-master for approval.

Comment 3

[rods (gone)]

HTML 4.x compliance, easy fix to style sheet

Comment 4

[rods (gone)]

accepting and marking as M16

Comment 5

[rods (gone)]

fixed

Comment 6

[bsharma]

Updating QA contact.

Comment 7

[Keyser Sose]

Works for Me
Platform: PC
OS: Windows 98
Mozilla Version: 2000100508

Marking as Verified