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