删除iOS数据列表输入箭头

0s0u357o 于 2023-05-19 发布在 iOS

关注(0)|答案(1)|浏览(115)

iOS上的Safari在网站上使用datalist和input时添加蓝色箭头，如下所示：

我发现了一些线程来删除Chrome的相同箭头，就像这样：Remove Datalist Dropdown Arrow in Chrome和它的工作，但不适用于iOS，我找不到一种方法来隐藏它。

<input type="text" list="datalist">
<datalist id="datalist">
    <option>Carrots</option>
    <option>Peas</option>
    <option>Beans</option>
</datalist>

我在这里创建了一个基本的demo：https://jsfiddle.net/hudrfgw2/4/

ios

来源：https://stackoverflow.com/questions/74316049/remove-ios-datalist-input-arrow

1条答案

按热度按时间

rsaldnfx1#

arrow将在safari中使用，所以它可以隐藏但不能删除。
最佳解决方案是：

input[list]::-webkit-calendar-picker-indicator,
input[list]::-webkit-list-button {
    opacity: 0 !important
}

赞(0）回复(0）举报 2023-05-19

我来回答

删除iOS数据列表输入箭头

1条答案

相关问题

热门标签

最新问答