Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 其他元素上的框阴影_Html_Css - Fatal编程技术网

Html 其他元素上的框阴影

Html 其他元素上的框阴影,html,css,Html,Css,我有这个代码,图标框阴影已结束图标按钮如何修复 *{ 框大小:边框框; } .编辑按钮{ 填充:8px 12px; 宽度:500px; 保证金:50px自动; } .图标按钮{ 位置:相对位置; 背景:#fcac22; 边框顶部:1px实心#f9aa22; 边界权:无; 边框底部:3px实心#e29a1f; 左边框:1px实心#f7a921; 颜色:#fff; 边界半径:2px0.3px; 大纲:无; 文本对齐:居中; 宽度:计算(100%-36px); 高度:69px; 线高:18px; 填

我有这个代码,
图标
框阴影
已结束
图标按钮
如何修复

*{
框大小:边框框;
}
.编辑按钮{
填充:8px 12px;
宽度:500px;
保证金:50px自动;
}
.图标按钮{
位置:相对位置;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
边界权:无;
边框底部:3px实心#e29a1f;
左边框:1px实心#f7a921;
颜色:#fff;
边界半径:2px0.3px;
大纲:无;
文本对齐:居中;
宽度:计算(100%-36px);
高度:69px;
线高:18px;
填充:19px;
文本阴影:0px 0px.1px#fff;
z指数:1;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
字体系列:arial;
字体大小:16px;
字体大小:400;
}
.图标按钮.图标{
位置:绝对位置;
宽度:32px;
高度:69px;
显示:内联块;
右:-36px;
顶部:-1px;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
右边框:1px实心#f7a921;
边框底部:3px实心#e29a1f;
左边界:无;
边界半径:0 2px 3px 0;
z指数:0;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
}
.图标按钮.图标圈{
宽度:22px;
高度:22px;
背景:#fff;
边界半径:100%;
保证金:23px自动;
颜色:#e29a1f;
字体大小:13px;
线高:29px;
文本阴影:无;
}

商店

MYMARKET.GE
能否将
.icon按钮。icon
框阴影
负值更改为正值,如

.icon按钮。图标{box shadow:5px 2px 19px 1px rgba(0,0,0,0.3);}


不完全是
5px
这取决于您(任何正数)

您可以在
图标按钮上使用伪代码

.icon-button::before {
  content: '';
  position: absolute;
  width: 26px;
  height: 69px;
  right: -40px;
  top: -1px;
  background: #fcac22;
  border-radius: 0 2px 3px 0;
  z-index: -1;
  -webkit-box-shadow: -1px 2px 19px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px 2px 19px 1px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 2px 19px 1px rgba(0, 0, 0, 0.3);
}
样品

*{
框大小:边框框;
}
.编辑按钮{
填充:8px 12px;
宽度:500px;
保证金:50px自动;
}
.图标按钮{
位置:相对位置;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
边界权:无;
边框底部:3px实心#e29a1f;
左边框:1px实心#f7a921;
颜色:#fff;
边界半径:2px0.3px;
大纲:无;
文本对齐:居中;
宽度:计算(100%-36px);
高度:69px;
线高:18px;
填充:19px;
文本阴影:0px 0px.1px#fff;
z指数:1;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
字体系列:arial;
字体大小:16px;
字体大小:400;
}
.图标按钮::之前{
内容:'';
位置:绝对位置;
宽度:26px;
高度:69px;
右:-38px;
顶部:-1px;
背景:#fcac22;
边界半径:0 2px 3px 0;
-网络工具包盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
-莫兹盒阴影:-1px2px19px1pxRGBA(0,0,0,0.3);
盒影:-1px2px19px1pxRGBA(0,0,0,0.3);
}
.图标按钮.图标{
位置:绝对位置;
宽度:32px;
高度:69px;
显示:内联块;
右:-36px;
顶部:-1px;
背景:#fcac22;
边框顶部:1px实心#f9aa22;
右边框:1px实心#f7a921;
边框底部:3px实心#e29a1f;
左边界:无;
边界半径:0 2px 3px 0;
z指数:0;
}
.图标按钮.图标圈{
显示:内联块;
宽度:22px;
高度:22px;
背景:#fff;
边界半径:100%;
保证金:23px自动;
颜色:#e29a1f;
字体大小:13px;
线高:29px;
文本阴影:无;
}

商店

MYMARKET.GE
只需从.icon类中删除box shadow属性,但我需要:)注意,根据,标签的内容中不能包含
。它们必须只包含。