在網頁設計中，輸入框是非常常見的一個組件，而下拉選擇框也是一個常見的需求。在CSS中，我們可以通過一些技巧來實現下拉選擇框的效果。以下是一些代碼示例：

/* 設置下拉框的默認樣式 */
select {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: none;
padding: 5px;
font-size: 16px;
width: 200px;
height: 30px;
}
/* 移除下拉箭頭 */
select::-ms-expand {
display: none;
}
select::-webkit-scrollbar, select::-moz-scrollbar {
display: none;
}
/* 自定義選項樣式 */
select option {
background-color: #fff;
color: #333;
font-size: 16px;
}
/* 點擊時展開選項 */
select:focus {
outline: none;
box-shadow: none;
}
select option:checked, select option:hover {
background-color: #ccc;
}

代碼中我們通過設置 select 的樣式來實現了輸入框的效果，并通過 option 的樣式來自定義下拉框中選項的樣式。同時，我們也移除了下拉框的箭頭，并使用一些偽元素來展現下拉框的選項列表。點擊下拉框后，我們通過:focus選擇器給出展開選項時的效果。

需要注意的是，以上代碼中可能不適用于全部的瀏覽器，需要根據實際情況進行修改和適配。