css用来定义下拉框 |css 层 最下

/* 定义下拉框样式 */
select {
appearance: none; /* 隐藏默认下拉箭头 */
background-color: #fff; /* 背景色 */
border: 1px solid #ccc; /* 边框 */
padding: 5px 25px 5px 10px; /* 内边距 */
font-size: 14px; /* 字体大小 */
width: 200px; /* 宽度 */
cursor: pointer; /* 鼠标指针形状 */
}
/* 定义下拉箭头 */
select::-ms-expand,
select::-webkit-scrollbar {
display: none; /* 隐藏IE和Chrome的默认箭头 */
}
select::after {
content: "▼"; /* 用Unicode字符表示下拉箭头 */
font-size: 12px; /* 字体大小 */
color: #aaa; /* 颜色 */
position: absolute; /* 绝对定位 */
right: 10px; /* 离右边距离 */
top: 50%; /* 垂直居中 */
transform: translateY(-50%); /* 上下平移50% */
pointer-events: none; /* 禁止点击事件 */
}
/* 定义下拉框选项样式 */
select option {
background-color: #fff; /* 背景色 */
color: #333; /* 字体颜色 */
}

上述代码可以将下拉框定义为一个宽度为200像素，背景色为白色，带有自定义的下拉箭头的表单元素。下拉框选项的背景色为白色，字体颜色为黑色。