1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<html>
<body bgcolor="#c0d0f0">
<form>
This is a normal button with no CSS sizing, <br>
on Windows this sizes to 66x27:<br>
<input type="button" value="Press Me">
<br>
On Windows this should be sizing to 84x24<br>
here is a div that emulates it:<br>
<center>
<div style="border:2px lightgray outset;background-color:#c0c0c0;width:80px;height:20px;">Press Me</div>
</center>
<br>
<hr>
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
This button should be 200x60<br>
<input type="button" value="Press Me"style="width:200px;height:60px;">
<br>
<br>
<div style="background-color:blue;color:yellow;width:100px;height:21;">100x21</div><br>
This button should be 100x21<br>
<input type="button" value="Press Me with Really long title"style="width:100px;height:21px">
<br>
<br>
This button should be 100x21<br>
<input type="button" value="Presssssssssssssssssssssssssss"style="width:100px;height:21px">
<br>
<br>
<div style="background-color:blue;color:yellow;width:200px">200px wide</div><br>
This button should be 200x60<br>
<button style="width:200px;height:60px;">Press Me</button>
<br>
<br>
<div style="background-color:blue;color:yellow;width:100px;height:21;"> 100x21</div><br>
This button should be 100x21<br>
<button style="width:100px;height:21px;">Press Me with Really long title</button>
<br>
<br>
This button should be 100x21<br>
<button style="width:100px;height:21px;">Presssssssssssssssssssssssssss</button>
<br>
</form>
</body>
</html>
|
