如何應用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; 
} 

編輯：對不起，你在談論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的」 你的文本框

嘗試它。