选择在iPhone 7 Plus中看起来与众不同的输入字段

Question

我正在使用website的移动视图，在该视图中，与其他手机相比，iphone 7 plus中的选择输入字段看起来有所不同。我创建了样本小提琴https://jsfiddle.net/mng5yk8L/5/embedded/result

用于创建选择输入字段框的HTML代码是：

<p>
    <input type="text" name="filter_29" id="search-box-filter_29" value="">
</p>

第一个屏幕截图：
我在chrome浏览器的 Windows笔记本电脑的移动视图中看到的选择输入字段框的屏幕截图是：

第二个屏幕截图：
我在Iphone 7 plus手机上看到的内容（我不需要）的屏幕截图是：

问题陈述：
我想知道我需要在css中进行哪些更改，以便从iphone 7 plus在移动视图中打开网站时，它看起来应该与第一张屏幕截图完全相同。

Answer 1

select{-webkit-appearance: none;}

将其添加到CSS的任何类中，可以清除所有奇怪的野生动物园问题。我通常将其包含在CSS的主体选择器中