Question

how to apply css style to get shadow for text area in GWT.

Thanks!

Answer 1

You can do the following for just text.

.box{
text-shadow: 3px 3px 3px #cfaecf;
filter: dropshadow(color=#cfaecf, offx=3, offy=3);
}

You can do the following for adding a shaddow to a text-area form – I think that is what you want.

<style type="text/css">
.box{
-webkit-box-shadow: 5px 5px 5px 5px ##eee;
-moz-box-shadow: 5px 5px 5px 5px ##eee;
box-shadow: 5px 5px 5px 5px ##eee;
}
</style>
<textarea class="box" rows="5"></textarea>

Also adding a border for non HTML5/CSS3 browsers:

<style type="text/css">
border-bottom:2px solid #000;
border-right:2px solid #000;
</style>