html - CSS的Form Field灵活阴影

我有一个表格要处理。这是图片



问题在于每个表单字段的左侧，右侧和底部都有阴影，该阴影应该灵活。我根本还没有开始我的工作，但是无法用CSS2而不是CSS3来考虑此设计的最佳解决方案[Requirement :(]。谁能帮我一个忙或提出任何解决方案？

最佳答案

使用以下跨浏览器的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');
}

根据需要更改值

关于html - CSS的Form Field灵活阴影，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/5190993/