CSS3轮廓虚线边框仅在一侧

Question

我想使用轮廓添加右虚线边框。我知道我不能只在这个属性的一侧做到这一点。

这就是我想要实现的目标：

我尝试使用阴影框，但如果边框是虚线，它就不起作用。

谢谢

width: 125px;
height: 160px;
background-color: #edb103;
outline: 2px dashed #0b0000;
}

Answer 1

如果你不能使用border-right，在::after伪元素周围放置轮廓可能是一个解决方案......

div {
  width: 125px;
  height: 160px;
  background-color: #edb103;
}

div::after {
  display: inline-block;
  width: 0;
  height: 158px;
  content: '';
  position:relative; left:125px; top:1px;
  outline: 1px dashed #0b0000;
}

<div></div>