Page 1 of 1
Styling 2 form textarea's different with CSS
Posted: Mon Dec 04, 2006 12:17 pm
by 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
Re: Styling 2 form textarea's different with CSS
Posted: Mon Dec 04, 2006 12:25 pm
by 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;
}
Re: Styling 2 form textarea's different with CSS
Posted: Mon Dec 04, 2006 12:43 pm
by 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
Re: Styling 2 form textarea's different with CSS
Posted: Mon Dec 04, 2006 12:55 pm
by cyberman
musicscore wrote:
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;
}
Re: Styling 2 form textarea's different with CSS
Posted: Mon Dec 04, 2006 1:33 pm
by 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
