如何解决解决相邻border重合加粗问题？

<div style={{position: 'relative'}}>
{images.map((a, i) => {
                return (
                  <div
                    onClick={() => setCurrentIndex(i)}
                    style={{
                      position: 'absolute',
                      left: a.x,
                      top: a.y,
                      width: a.w,
                      height: a.h,
                      border:'solid 1px #00ff00',
                    }}
                  >
                  </div>
                );
              })}
</div>

这里应该如何处理border重复加粗问题？