如何应用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的” 你的文本框

尝试它。