details summary::-webkit-details-marker {
  background: red;
  color: #fff;
  font-size: 500%;
}

Demo

这使得箭头巨大,在红色背景上的白色.用图像替换标记更难.您必须完全删除标记,并使用伪代码之前或之后：

summary::-webkit-details-marker {
  display: none
}

summary:after {
  background: url(some-picture);
  float: left; 
  height: 20px;
  width: 20px;
  content: " ";
}

details[open] summary:after {
  background: url(other-picture);
}