File Input

background-color

Figure D-21. Testing the background color of file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad021.gif

background-image

Figure D-22. Testing background images in file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad022.gif

border: 0;

Figure D-23. Testing the removal of borders on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad023.gif

border-color

Figure D-24. Testing of colors on the file input borders can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad024.gif

border-style

Figure D-25. Testing the styles of borders on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad025.gif

border-widht

Figure D-26. Testing the widths of borders on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad026.gif

color

Figure D-27. Testing the color on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad027.gif

font-family

Figure D-28. Testing to set a different font on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad028.gif

font-size

Figure D-29. Testing a different size of font on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad029.gif

font-weight

Figure D-30. Testing a bold font on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad030.gif

height

Figure D-31. Testing to set a height for file inputlet can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad031.gif

letter-spacing

Figure D-32. Testing the letter spacing of file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad032.gif

line-height

Figure D-33. Testing setting the spacing between lines of text on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad033.gif

margin

Figure D-34. Testing margins on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad034.gif

padding

Figure D-35. Testing padding on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad035.gif

text-align

Figure D-36. Testing the alignment of text on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad036.gif

text-decoration

Figure D-37. Testing to set a different font on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad037.gif

text-indent

Figure D-38. Testing indenting the text on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad038.gif

width

Figure D-39. Testing the width of file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad039.gif

word-spacing

Figure D-40. Testing the spacing between words on file input can be found at http://www.oreilly.com/catalog/cssckbk2/appendixd/figs/css2_ad040.gif

Table D-3. A review of the CSS properties on file upload

	WinIE5	WinIE5.5	WinIE6	WinIE7	Safari2	WinFF1.5	MacFF1.5	WinNN7.2	MacNN7.2	Op8.5
background-color	Y	Y	Y	Y	N	Y	Y	Y	Y	N
background-image	Y	Y	Y	Y	N	N	N	N	N	N
border	Y	S	Y	Y	N	N	N	N	N	N
border-color	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
border-style	Y	Y	Y	Y	N	N	N	N	N	Y
border-width	Y	Y	Y	Y	N	N	N	N	N	S
color	N	N	N	N	N	N	N	N	N	N
font-family	N	N	N	N	N	N	N	N	N	Y
font-size	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
font-weight	N	N	N	N	N	N	N	N	N	Y
height	Y	Y	Y	Y	N	Y	Y	Y	Y	Y
letter-spacing	N	N	N	N	N	N	S	N	N	N
line-height	N	N	N	N	N	N	N	N	N	N
margin	Y	Y	Y	Y	Y	Y	Y	Y	Y	Y
padding	Y	Y	Y	Y	N	N	N	N	N	Y
text-align	N	N	N	N	N	S	S	S	S	N
text-decoration	N	N	N	N	N	N	N	N	N	N
text-indent	Y	Y	Y	Y	N	Y	Y	Y	Y	N
width	Y	Y	Y	Y	Y	S	S	S	S	Y
word-spacing	N	N	N	N	N	N	S	N	S	N