【问题标题】: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 按钮。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-10
    • 1970-01-01
    • 1970-01-01
    • 2016-01-08
    • 1970-01-01
    • 2013-12-02
    相关资源
    最近更新 更多