如何在输入元素中设置下拉箭头按钮的样式

input {
  /* 设置输入框的样式 */
  padding-right: 20px; /* 为箭头按钮留出空间 */
}

input::after {
  /* 创建箭头图标 */
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #999 transparent transparent transparent;
}

input {
  /* 去除浏览器默认的下拉箭头按钮 */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

var inputElement = document.querySelector("input");

inputElement.addEventListener("click", function() {
  // 执行相应的操作，例如显示下拉选项
});