当前位置：文江博客话题详情

使用 CSS 形成字段灵活阴影

发布于 2024-10-20 19:03:04 字数 210 浏览 5 评论 0原文

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

Form Field Shadow

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

绮烟 2024-10-27 19:03:04

使用以下跨浏览器阴影属性。

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

根据需要更改值

Use the following cross browser shawdow properties.

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

change the values as needed

回复收藏 0 原文