Html 表单字段灵活阴影与CSS

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

---

问题是每个表单字段的左、右和底部都有阴影，这应该是灵活的。我还没有开始做这方面的工作，但我想不出CSS2而不是CSS3的最佳设计方案[要求：（]）。有人能帮我解决问题或给我建议解决方案吗？？？

既然你坚持CSS2

---

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

因为您坚持css2

---

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

使用以下跨浏览器属性

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');
}

---

根据需要更改值

使用以下跨浏览器属性

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');
}

---

根据需要更改值

box shadow是css3属性…问题是她需要css2解决方案！最后两行也不是css2…它是microsoft IE筛选器！是的，这种组合将生成跨浏览器兼容的阴影。OP的css3避免显然是跨浏览器问题。这解决了问题。box-shadow是css3本身ty…问题是她需要css2解决方案！最后两行也不是css2…是microsoft IE过滤器！是的，组合将形成跨浏览器兼容的阴影。OP的css3避免显然是跨浏览器问题。这解决了问题。