Hi David,

Yes, it is possible to style a <textarea> using CSS.
Just add a width, if you want the textarea to fit the width of its contatiner 
use width: 100%; (I'd recommend defining a height too).

Try this code:

.mailform       {
margin: 0 10px;
border: 1px solid black;
width: 100%;
height: 400px;
}

Let me know if it worked.


On Dec 27, 2010, at 10:29 AM, David McGlone wrote:

> Hi everyone,
> 
> I am wondering if it's possible to use css to style a text area in finer 
> detail 
> than just using "cols" and "rows" in the tag. I have a  text area on a 
> contact 
> page, but by just using cols and rows I get different results in different 
> browsers. Here's my codes:
> 
> text area code:
> <textarea name="notes" cols="63" rows="5"></textarea>
> 
> css code:
>  .mailform{
>  margin-left: 10px;
>  margin-right: 10px;
>  border: 1px solid;
>  float: left;
> }
> 
> is it possible to get the textarea to automatically expand to the width of 
> the 
> css container (.mailform)?
> 
> -- 
> Blessings
> David M.
> ______________________________________________________________________
> css-discuss [[email protected]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Germán Martínez, UX Designer

http://martinez.pe



______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to