參考此文章

重點摘要

1. 用 label 把 input 包起來
2. 把 input 隱藏
3. 用 css 設定樣是在 label 上即可
4. 如果要用 icon 或是自訂文字，寫在lable包起來就可以囉。可以使用 fontawesome

參考這篇文章

css的重點：如何把預設下拉選單樣式移除？

appearance:none;
-moz-appearance:none;
-webkit-appearance:none;

移除後，用自訂背景的方式放自己做的箭頭圖

IE要另外

::-ms-expand {
display: none;
}

被選取的狀態調整
:focus{
box-shadow: 0 0 5px 2px #467BF4;
}

文章參考：https://www.html.cn/archives/2422

解法

pre {
white-space: pre-wrap;
word-wrap: break-word;
}