-2
A
回答
3
你可以使用appearance: none
&然後你自己風格select
。對於箭頭使用僞元素:before
& :after
。
在下面的代碼片段看一看:
.select-wrapper {
width: 300px;
position: relative;
}
select {
-webkit-appearance: none;
appearance: none;
padding: 4px 20px 4px 10px;
border-radius: 6px;
width: 100%;
background: linear-gradient(to bottom, #fcfcfc 0%,#ececec 100%);
}
.select-wrapper:before {
content: '';
position: absolute;
top: 60%;
right: 8px;
transform: translateY(-50%);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #777;
}
.select-wrapper:after {
content: '';
position: absolute;
top: 35%;
right: 8px;
transform: translateY(-50%);
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 4px solid #777;
}
select:focus {
outline: none;
}
<div class="select-wrapper">
<select>
<option value="0" selected>Select Option</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
希望這有助於!
相關問題
- 1. 看起來像這樣獲得的各類物品的元組
- 2. 如何使UITableView看起來像這樣
- 3. 如何使UITableView看起來像這樣?
- 4. 如何使GUI看起來像這樣?
- 5. ,看起來像這樣我如何在data.frame
- 6. 如何讓我的Visual Studio看起來像這樣?
- 7. 如何使我的表看起來像這樣
- 8. 我如何製作看起來像這樣的定製Holo EditText
- 9. 我該如何處理看起來像這樣的對象
- 10. 如何讓我的主題看起來像這樣?
- 11. 如何讓我的導航欄看起來像這樣?
- 12. 我如何獲得像這樣的TextField
- 13. lambda語法看起來像這樣:()=>
- 14. 如何格式化數據框來看起來像這樣?
- 15. 它看起來像一個按鈕,但它不是一個輸入元素。如何創建這樣的元素?
- 16. iPhone - 建立一個單元格看起來像這樣
- 17. 如何獲得select元素的index()?
- 18. 如何限制的我要讓我目前will_paginate看起來像這樣的will_paginate
- 19. 如何修改UISwitchController,使其看起來像這樣:
- 20. 如何修改Facebook看起來像這樣
- 21. 如何創建一個看起來像這樣的菜單
- 22. 如何寫json編碼的數組看起來像這樣
- 23. 如何使Xpages中的部分看起來像這樣
- 24. 如何製作看起來像這樣的搜索框
- 25. 我怎樣才能得到這個錨鏈接看起來像一個按鈕
- 26. CountTokenizing場,變成我使用數據,看起來像這樣列
- 27. 統一5:爲什麼我的場景看起來像這樣?
- 28. 是什麼讓我的頁面看起來像這樣?
- 29. 我需要看起來像這樣的按鈕輸入
- 30. 我想創建一個Android頁面,看起來像這樣
默認情況下,當您將輸入字段設置爲safari瀏覽器中的select時,會創建它。 –
看起來像一個IOS選擇。 – rlemon
這就是''