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" class="listsmenus"> <option value="1" selected>List Option 1</option> <option value="2">List ...

Get Web Design Garage now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial