Как присвоить свойство класса тегу textarea?

У меня есть тег текстовой области, я хотел написать функциональность водяного знака. Итак, я присвоил этому тегу класс (css ). но его не признают. если я пишу стиль CSS для идентификатора текстовой области, он работает.

function renderhtml(subgrid_id, row_id) {debugger;

    var script = "<div style='margin-left:10px; margin-top:10px; margin-bottom:10px;'>";
    script += "<textarea cssClass=watermarkOn cols=20 id=txtCommentSection name=txtCommentSection rows=2>Type your comments here</textarea>";
    script += "<input type='image' id='image' src='../../Content/Images/commentIcon.png'/>";
    script += "</div>";

    return script;
}

Это стиль css.:

.watermarkOn{color: #CCCCCC; font-style: italic;width:800px; height:30px;  }

Я пытался изменить класс с "cssClass" на просто "class", но стиль не изменился.

Пожалуйста, помогите.