css - 如何应用 CSS 样式来获取文本区域的阴影

Question

如何在 GWT 中应用 css 样式来获得文本区域的阴影。

谢谢!

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>