打印時選擇標簽中的 CSS 隱藏下拉箭頭

Question

我的 HTML 代碼放在這里

<select> 
  <option value="mr"> Mr. </option>
  <option value="mrs"> Mrs. </option>
</select>

當我打印頁面時，我不想得到下拉箭頭，如何使用 css 隱藏？

Answer 1

select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none; /* If you want to remove the border as well */
background: none;
}

在打印上應用上述 css

Answer 2

看你用的是什么瀏覽器...

我還沒有找到 Firefox 的解決方案，但其余的應該完成：

select::-ms-expand {
    display: none;
}
.noarrow{

   overflow: hidden;

}

.noarrow select {
  width: 100px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;    
}