html - 平板电脑 View 中的选择框出现黑条

标签 html css

我的网页中有一个下拉菜单,它在浏览器中工作得非常好。当我检查 chrome 模拟器或实际设备时,我在里面看到黑条。 即使那样,该功能仍在运行。它在手机或平板电脑 View 中存在一些渲染问题。任何帮助将不胜感激。

enter image description here

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

最佳答案

它只在模拟器或所有浏览器中显示

如果它在所有浏览器中显示因为页面中的某些 css 转换或 javascript 代码执行此操作。

尝试将css和javascript一一移除并测试页面

如果它只是在模拟器中,你的页面和它来自 emualtor 没有问题,你可以使用 chrome 或 firefox 响应站点工具中的一些插件来尝试不同大小的页面

关于html - 平板电脑 View 中的选择框出现黑条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35474750/

相关文章:

javascript - 粒子 Js 出现在悬停时

javascript - 当宽度为 2% 时,子 div 重叠圆形(带半径)容器

jquery - 带有动态宽度表的固定表头?

html - 在这种情况下有填充

css - Twitter Bootstrap 按钮转换

php - Elementor Wordpress 插件随机将单词 "array"添加到我的自定义小部件

javascript - React组件将视频帧连续绘制到 Canvas : doesn't work on iOS

jquery - 如何使用 jQuery Draggable 的高级方法

css - LESS 编译器神奇地将不需要的类添加到我的选择器中

javascript - 我的混合应用程序在检查包含字符串的 li 元素时不会更改页面