CSS下拉框向上是一種能夠提高網頁美觀程度的設計，這種樣式下拉框可以應用于很多場合，比如搜索框、篩選功能等。

下面是一段HTML代碼，我們將會用CSS樣式來將這個下拉框向上展示：

<div class="select"><select><option>選項1</option><option>選項2</option><option>選項3</option></select></div>

接下來是CSS代碼，通過設置樣式表來將下拉框向上展示：

.select select {
display: block;
height: 26px;
width: 200px;
margin: 0;
padding: 5px 30px 5px 10px;
font-size: 16px;
line-height: 26px;
border-radius: 5px;
background-color: #fff;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
z-index: 2;
}
.select:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
width: 26px;
height: 26px;
background-color: #fff;
border-radius: 0 5px 5px 0;
z-index: 1;
}
.select:after {
content: '';
display: block;
position: absolute;
top: 9px;
right: 10px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #333 transparent transparent transparent;
z-index: 3;
}

以上代碼中，我們使用了:before、:after偽類對下拉框的樣式進行修改，將選擇框朝上展示。

在前面我們提到過，使用CSS下拉框向上能夠提高網頁的美觀程度，但同時也需要注意使用場合，在某些情況下我們也許需要使用普通樣式的下拉框。