Html 改变<；总结>；图标背景将不起作用
我正在使用Html 改变<；总结>；图标背景将不起作用,html,css,Html,Css,我正在使用标记创建一个基本下拉列表 我已经成功地以加号图像为背景设计了我想要的样式。但是，一旦扩展了标记，我就无法将背景图像更改为负号图片 我尝试了许多不同的多重变体。另一方面，classic Edge是否真正支持？兼容性网站表示，它从v79开始就得到了支持，但是所有演示如何使用它的教程在经典Edge中都不起作用 如果浏览器不支持和标记，是否有办法不显示它们的内容 summary { list-style-image: url(images/more.png); width:
summary {
list-style-image: url(images/more.png);
width: 24px;
height: 24px;
margin-bottom: 5px;
}
summary::-webkit-details-marker {
background: url(images/more.png);
color: transparent;
width: 24px;
height: 24px;
margin-bottom: 10px;
}
summary:after {
list-style-image: url(images/minus.png);
}
summary::-webkit-details-marker:after {
background: url(images/minus.png);
list-style-image: url(images/minus.png);
color: transparent;
width: 24px;
height: 24px;
margin-bottom: 10px;
}
details[open] summary:after {
background: url(images/minus.png);
list-style-image: url(images/minus.png);
}
details::-webkit-details-marker[open] summary::-webkit-details-marker:after {
background: url(images/minus.png);
list-style-image: url(images/minus.png);
}
我希望你想要这样的东西。如果只是一个加号和减号，你可以用CSS来实现，不需要图像，根据你的需要在CSS中改变符号的颜色 编辑：虽然我不同意Connexo下面的评论，但如果您想使用其他方法或相同的东西，而不是他提到的摘要标签，这里还有一个纯CSS选项，请检查下面的3+符号，第一个带摘要标签，下一个带输入
摘要{
列表样式图像：url（images/more.png）；
位置：相对位置；
宽度：24px；
高度：24px；
边缘底部：5px；
}
摘要：{位置：绝对；内容：''；高度：2px；宽度：15px；背景色：红色；顶部：50%；变换：translateY（-50%）；}
摘要：在{位置：绝对；内容：''；高度：2px；宽度：15px；背景色：红色；顶部：50%；变换：translateY（-50%）旋转（90度）；}
摘要：：-webkit详细信息标记{
背景：url（images/more.png）；
颜色：透明；
宽度：24px；
高度：24px；
边缘底部：10px；
}
小结：之后{
列表样式图像：url（images/减号.png）；
}
详细信息[打开]摘要：之前{
背景：url（images/minus.png）；
列表样式图像：url（images/减号.png）；
}
.可折叠{页边距顶部：100px；}
.可折叠>分区{
位置：相对位置；
边缘底部：30px；
左侧填充：30px；
}
.collables>divp{opacity:0；height:0；}
.collables>div输入{位置：绝对；高度：20px；宽度：20px；顶部：0；左侧：0；边框：0！重要；轮廓：无！重要；
-webkit外观：无；光标：指针；}
.collapsables>div输入：在{位置：绝对；内容：''；高度：2px；宽度：15px；背景色：红色；顶部：50%；变换：translateY（-50%）；}
.collapsables>div输入：在{位置：绝对；内容：“；高度：2px；宽度：15px；背景色：红色；顶部：50%；变换：translateY（-50%）旋转（90度）；}
.collapsables>div输入：选中+p{opacity:1；高度：auto；}
.可折叠>div输入：选中：之前{
显示：无；
}
摘要Epcot是迪斯尼世界度假区的一个主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的焰火和季节性特别活动
没有摘要标签
Epcot是沃尔特迪斯尼世界度假村的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的焰火和季节性特别活动
Epcot是沃尔特迪斯尼世界度假村的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的焰火和季节性特别活动
Epcot是沃尔特迪斯尼世界度假村的主题公园，拥有令人兴奋的景点、国际展馆、屡获殊荣的焰火和季节性特别活动
摘要{
光标：指针；
字体：粗体1em Arial，Helvetica，无衬线；
填充：8px0；
位置：相对位置；
宽度：100%；
列表样式图像：无；
}
摘要：：-webkit详细信息标记{
显示：无
}
小结：之后{
背景：白色；
边界半径：50%；
内容：“+”；
边框颜色：#000000；
边框样式：实心；
边框宽度：2倍；
颜色：#000000；
浮动：左；
字号：19px；
线高：24px；
垂直对齐：中间对齐；
余量：-5px10px0；
填充：0；
文本对齐：居中；
宽度：24px；
高度：24px；
}
详细信息[打开]摘要：之后{
线高：22px；
内容：“-”；
}
扩展我
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。酒后驾车
这是一种不受欢迎的行为，它是一种不受欢迎的行为。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。