在IOS上打印时输入字段的文本不显示文本答案

【问题标题】：text of input field is not showing the text while print on IOS在IOS上打印时输入字段的文本不显示文本
【发布时间】：2021-07-28 09:25:34
【问题描述】：

我有一个带有文本输入的表单，输入文本，然后我们有一个带有自动建议的列表，它在所有设备上都可以正常工作，除了 IOS 设备没有显示文本没有出现在下面的屏幕截图中：

这是我使用的代码：

<div class="search">
<form action="@searchUrl" method="get">
    <div class="input-wrap" id="top_search">
        <input placeholder="@search" type="text" data-url="@autocompleteUrl" name="query" class="input-text" id="SearchInput" value="@searchKey" autocomplete="off">
        <button class="n-style" type="submit">
            <i class="icon-search"></i>
        </button>
    </div>
</form>

请问我该如何解决这个问题？

【问题讨论】：

我也有同样的问题。还没找到原因！！我会在这里回答我的发现

标签： html css ios input

【解决方案1】：

我发现了我的问题。不知道是不是和Rawan的一样。在我的例子中，我控制了阴影伪元素的可见性，这些伪元素在 iOS 中的工作方式与在其他浏览器中的工作方式略有不同。因此，如果要删除默认箭头，请不要使用 ::-webkit-textfield-decoration-container 隐藏它，而是使用 ::-webkit-calendar-picker-indicator （用于 Android 和桌面浏览器）和 ::-webkit-list- iOS 按钮。

您还可以使用这些伪类自定义背景图片

【讨论】：