After the CSS rule is defined, set the class of a selected text field from the Property
inspector.
Distinguishing lists and menus
The select list/menu object is composed of two tags:
and . The tag is the overall container for the list items; use to style the width, typeface, and font size of all dropdown lists on the page uniformly. Individual list items can be styled by setting a class on the separate option tags. Although this operation must be performed by hand and is somewhat tedious, it does open the door to many possibilities. If you have a very long drop-down list that includes a wide range of items organized by category, with judicious CSS styling, main category headings can be in one color and subitems in another, as shown in Figure 14-16. FIGURE 14-16 CSS classes for menu items must be applied by hand to separate tags. Changing labels and legends A form is more than a collection of text fields and checkboxes; labels play an equally important role in form organization and usability. Form labels are often applied in one of two ways. The standard technique is to place most of the labels in a single column of a table, with the form elements in another. Designers are also increasingly using the tag as a means of enhancing accessibility.
Pages:
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961