使用CSS形成Field Field灵活阴影

Question

我有一份表格需要处理。这是图像

问题是每个表格字段在左，右和底部都有一个阴影，应该是灵活的。我还没有开始我的工作，但是没有能够用CSS2而不是CSS3来考虑这个设计的最佳解决方案[要求:(]。任何人都可以帮助我或建议我任何解决方案吗？

Answer 1

使用以下跨浏览器shawdow属性。

input{
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

根据需要更改值

Answer 2

因为你坚持使用css2 ......

您必须使用相对于输入控件定位的图像...