gecko/layout/html/tests/formctls/base/button_css_sizing.html

45 lines
1.4 KiB
HTML

<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>