打印时选择标记中的 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