Html 在tablet视图的选择框中显示黑色条

我在我的网页上有一个下拉列表，它在浏览器中运行得非常好。当我检查chrome模拟器或实际设备时，我会在里面看到黑条。 即使如此，该功能仍在发挥作用。它在移动或平板电脑视图中存在一些渲染问题。任何帮助都将不胜感激

1.
2.
3.
4.

其仅在emulator或所有浏览器中显示

若它在所有浏览器中都显示，那个是因为页面中的一些css事务或javascript代码会这样做

尝试逐个删除css和javascript并测试页面

---

如果您的页面和emulator中的页面没有问题，您可以使用chrome或firefox响应站点工具中的一些插件来尝试不同大小的页面

请共享您的代码…简单选择框。检查editI我刚刚在chrome mobile/tablet emulator中检查了几个不同的网站，我在大多数网站中都看到了这些黑条。这是默认行为还是什么？我的桌面浏览器和手机浏览器工作正常，但在chrome emulator中工作不正常，我认为这是chrome emulator的问题。您可以阅读本文了解相同的问题：

 <select >
    <option>1</option>
    <option selected>2</option>
    <option>3</option>
    <option>4</option>
    </select>