Changing the Colors and the Border
| The color and background-color CSS attributes allow you to modify the foreground and background colors of a text widget, as in Figure 69.2. You can also modify the borders of buttons with the border-color, border-width, and border-style attributes. Listing 69.2. View Source for Figure 69.2. <head> <style type="text/css"> .listsmenus { color: #FFFFFF; background-color: #000000; } .buttons { background-color: #000000; color: #FFFFFF; border-color: #999999; border-width: 6px; border-style: double; font-weight: bold; } </style> </head> <body> <form> <table cellpadding="10"> <tr valign="top"> <td><select name="select" size="5" > <option value="1" selected>List Option 1</option> <option value="2">List Option 2</option> <option value="3">List Option 3</option> <option value="4">List Option 4</option> <option value="5">List Option 5</option> </select></td> <td><select name="select" > <option value="1" selected>Menu Option 1</option> <option value="2">Menu Option 2</option> <option value="3">Menu Option 3</option> <option value="4">Menu Option 4</option> <option value="5">Menu Option 5</option> </select></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Submit"></td> </tr> </table> </form> </body> Figure 69.2. Use the color and background-color attributes to change the foreground and background colors of a text widget. |
