SEARCH
0-9 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
Prev | Current Page 948 | Next

Joseph W. Lowery

"Dreamweaver CS3 Bible"

The best way to affect multiple form elements all at once is to style the tag. You may
recall that the tag is used to create text fields, radio buttons, checkboxes, and Submit buttons.
For example, this CSS rule gives all the input elements a uniform background color as well as a specific
color, font, and size for the text fields:
input {
background-color: #F5F5F5;
color: #660099;
font: 10px Verdana, Arial, Helvetica, sans-serif;
}
CSS styles the text fields for initial text as well as text entered by the user, as shown in Figure 14-15.
FIGURE 14-15
Keep the text in your text fields looking like the rest of your page through CSS styling of the input tag.
Remember that a multiline text field is really a different tag??”textarea??”than the singleline
text field. You have to create a CSS rule for both input and textarea tags.
One of the best uses for CSS and text fields is setting the width. This method is far more flexible and
responsive than using the Char Width field on the Property inspector for each individual text field. It is best
to set the width on a CSS class rather than alter it directly in the CSS rule for the input tag. Why? The width
TIP TIP
514
Adding Advanced Design Features Part III
setting not only affects all the single-line text fields, but it also alters checkboxes and radio buttons??”
which are also input tags.


Pages:
936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960