在 chrome (mac) 上选择时删除边框/bg 图像答案

【问题标题】：Remove border/bg images on select on chrome (mac)在 chrome (mac) 上选择时删除边框/bg 图像
【发布时间】：2011-11-04 12:45:29
【问题描述】：

我正在设计一个打印 css 文件的样式，以便很好地打印出一个包含多个输入元素的网页。从 PC 浏览器打印时一切看起来都不错，但是当我在 Mac 上查看 chrome 时，选择元素会打印出圆角并选择黑色箭头（参见 img）

_{（来源：onexamination.com）}

这个是css

输入，选择{

border: none;
overflow: visible; 
background: none;

}

你如何摆脱背景的东西 - 甚至不知道如何称呼它们，它们是图像！？

【问题讨论】：

【解决方案1】：

设法找到解决方案...

-webkit-appearance: none;

这似乎删除了元素上的所有渲染，并在打印输出时将其保留为选定的文本。

【讨论】：