html - 如何在 UC 浏览器中设置/自定义选择下拉菜单

Question

我有 2 个输入选择下拉列表，它们在所有主要浏览器中看起来都很完美。

我必须让它与 UC 浏览器一起工作，但我坚持使用不尊重width应用到它的输入的默认外观。

我正在寻求帮助，因为我无法在桌面上重现该错误。我只在网站的移动版本上看到它，我无法使用任何开发工具检查我的代码。

我能做些什么 ？有没有人有类似的问题？

非常感谢 ！

Answer 1

在 Chrome 中，您可以通过单击 F12 来模拟每个设备，然后单击开发工具中搜索图标旁边的切换设备模式图标（在工具顶部）。在浏览器屏幕的顶部选择您想要的设备，然后刷新页面。

然后您应该能够检查开发工具中的元素。这是找出只有某些设备才能看到的错误的绝佳资源。

或者，您也可以“向上拖动”具有模拟器选项卡的底部栏（在选项卡的右侧拖动，而不是在选项卡上），您也可以在那里选择设备。每次更改设备时只需 F5 并继续调试。

希望这可以帮助！

Answer 2

我发现一个简单的：

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

会做的伎俩:)！