Javascript 删除图像scr为空时的框阴影
我想在图像源为空时删除框阴影(src=“”)。如何使用javascript实现这一点?我认为最好的方法是在源代码为空时删除该类,但我不知道怎么做。有人知道吗Javascript 删除图像scr为空时的框阴影,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想在图像源为空时删除框阴影(src=“”)。如何使用javascript实现这一点?我认为最好的方法是在源代码为空时删除该类,但我不知道怎么做。有人知道吗 .property{ 边缘顶部:20px; 左边距:自动; 右边距:自动; 宽度:290px; 高度:200px; 背景大小:100%100%; 边界半径:4px; 文本缩进:100vw;/*在图像为空时删除边框*/ -网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75); -莫兹盒阴影:5px5px0pxRGBA(
.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;/*在图像为空时删除边框*/
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}
办公室
仓库
使用属性选择器css.property[src=”“]
.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;/*在图像为空时删除边框*/
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}
.property[src=”“]{
-webkit盒阴影:无;
-莫兹盒阴影:无;
盒影:无;
}
办公室
仓库
您可以使用:not
属性仅影响那些src属性不为空的对象
.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;
}
.属性:不([src=”“]){
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}
办公室
仓库
人们的答案是可以的,但我知道你想用jquery实现这一点,所以请尝试以下方法:
$('.property[src=”“]).css({
“-webkit框阴影”:“无”,
“-moz盒阴影”:“无”,
“框阴影”:“无”
})
.property{
边缘顶部:20px;
左边距:自动;
右边距:自动;
宽度:290px;
高度:200px;
背景大小:100%100%;
边界半径:4px;
文本缩进:100vw;/*在图像为空时删除边框*/
-网络工具包盒阴影:5px 5px 0px rgba(0,0,0,0.75);
-莫兹盒阴影:5px5px0pxRGBA(0,0,0,0.75);
盒影:5px5px0pxRGBA(0,0,0,0.75);
}
办公室
仓库
您可以做得更简单,$('.property[src=“”).css({“-webkit-box-shadow:“none”、“-moz-box-shadow:“none”,“box-shadow:“none”})代码>好主意,已编辑。