html - 自定义选择所有元素周围的边框半径

Question

我正在尝试创建一个具有边框半径的自定义选择项。正如您在这里看到的https://jsfiddle.net/cb9t8ny5/，当项目未展开时，边框半径效果很好。但是，当您展开它时，边框半径将分别应用于当前选定的项目和列表的其余部分。我希望它像下图一样适用于所有这些：

当前的边界半径是通过

.select-selected {
  border-radius: 20px;
}

.select-items {
  border-radius: 20px;
}

但是我无法按照描述锻炼如何去做。

标签： htmlcss