Styling 2 form textarea's different with CSS

[musicscore]

I use the form Builder and want to style 2 different textarea's with CSS

I cann't use

Textarea {
width: 100px;
color: red;
}

because this styles both the textarea's.

I want to style the two textarea's different.

How can i adres the correct textarea in CSS.

Please Help !!!!!

Musicscore

[cyberman]

Have you tried this?

1. Set ID for every text area like id="area1" / id="area2".
2. Insert these styles

Code: Select all

textarea#area1 {
width: 100px;
color: red;
}

textarea#area2 {
width: 100px;
color: red;
}

[musicscore]

Where can I set the ID of a field in Form Builder ??
The only extra attribute I can find is "CSS Class for this field"

PS. Thanks fot the very quick response Cyberman !!!

Musicscore

[cyberman]

The only extra attribute I can find is "CSS Class for this field"

OK, use a class instead ID like class="area1" / class="area2" and

Code: Select all

textarea.area1 {
width: 100px;
color: red;
}

textarea.area2 {
width: 100px;
color: red;
}

[musicscore]

Thanks again Cyberman,

Thanks to your help I discovered I had to use .(form cssname).(field cssname) texterea {
background-color: red;
}

Expl :

.formtest.field1 textarea {
background-color: red;
}

Thanks again for the very quick help.

This is what makes cmsms the best !!!!!

Greetings

Musicscore