.select {
  position: relative;
  display: inline-block;
  vertical-align: top;
}


.select summary {
  list-style: none;
  cursor: pointer;
  -webkit-user-select: none; /* Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.select summary::-webkit-details-marker {
  display: none;
}


.select > :not(summary) {
  display: block;
  min-width: 100%;
  position: absolute;
  background-color: white; /* default */
  overflow: hidden;
}

.select a,
.select button {
  display: block;
  color: black; /* default */
  white-space: nowrap;
}

.select a {
  text-decoration: none;
}

.select button {
  font: inherit;
  background-color: transparent;
  text-align: left;
  min-width: 100%;
  border: 0;
  margin: 0;
  cursor: pointer;
}