写一段小程序下拉框的代码

以下是一个简单的 HTML 下拉框代码示例：

<select>
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

这段代码将创建一个下拉框，其中包含三个选项：选项1、选项2 和选项3。用户可以选择其中一个选项。

相关问题

<select name="pages"> <option value="/pages/index/">小程序二维码</option> <option value="/pages/admin/index?sign_type=store_sign_in">签到二维码</option> </select>改为好看的下拉框样式

要将上述的 `<select>` 下拉框样式改为好看的样式，您可以使用自定义样式或者使用一些开源的下拉框插件。以下是一种常见的改进样式，使用CSS和JavaScript来实现：

HTML代码：

<div class="custom-select">
  <select name="pages">
    <option value="/pages/index/">小程序二维码</option>
    <option value="/pages/admin/index?sign_type=store_sign_in">签到二维码</option>
  </select>
  <span class="custom-arrow"></span>
</div>

CSS代码：

.custom-select {
  position: relative;
  display: inline-block;
}

.custom-select select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 200px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 14px;
}

.custom-select .custom-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
  transition: all 0.3s ease;
}

.custom-select select:focus + .custom-arrow {
  transform: translateY(-50%) rotate(-135deg);
}

.custom-select select option {
  background-color: #fff;
}

这段代码会将原本的下拉框样式进行了自定义，添加了箭头图标，并通过CSS样式来改变选中状态下的样式。您可以根据需要进行样式的调整，使其更加符合您的设计要求。