Как применить стиль CSS для получения тени для текстовой области

Question

как применить стиль CSS, чтобы получить тень для текстовой области в GWT.

Спасибо!

Answer 1

Вы можете сделать следующее только для текста.

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

Вы можете сделать следующее для добавления тени в форму текстовой области - я думаю, это то, что вы хотите.

<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>

Также добавляем границу для браузеров без HTML5 / CSS3:

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

Answer 2

http://jsfiddle.net/Jse3N/

textarea {
    box-shadow: 4px 4px 0px #999;
}

edit: Извините, вы говорили о GWT.Я не знаю, работает ли он там тоже.

Answer 3

CSS:

<style>
    .textarea
    {        
     background: white;
    border: 1px solid #DDD;
    border-radius: 5px;

    color: #666;
    float: left;
    padding: 5px 10px;
    width: 150px;
    outline: none;
    height:25px;
    box-shadow:3px 3px 3px #96A1BD;

    }
</style>

добавить CssClass = "textarea" в текстовое поле

Попробуй.