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

Question

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

Спасибо!

Answer 1

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

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

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

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

редактировать: К сожалению, вы говорили о 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 = "текстовое поле" для вашего текстового поля

Try Это.