Applying JQuery UI css to a textarea element

Question

I'm using JQuery UI for a web based development at the University. I got some forms that I put into a dialog, so I got elements like

<label for="name">ID user</label><input type="text" name="iduser" size="15" id="iduser" class="text ui-widget-content ui-corner-all" maxlength=12  />

But I got some textarea elements like

<label for="name">Description</label><textarea name="description" id="description" class="text ui-widget-content ui-corner-all" value=""></textarea>

The issue: textarea is not taking the css as inputs does, I mean, I got corner rounder textarea as input texts but the font size and font family don't.

Answer 1

By simply adding:

class="ui-widget ui-state-default ui-corner-all"

To your textarea, it will look like the other controls.