程序员经验分享-hwhale

为什么SELECT标签的下拉框显示在错误的位置？

2024-01-01

My CSS file doesn't touch the tag 'select' at all, also no CSS classes are related to the tag 'select'. But when showing in browser, the dropdown box which contains values are shown at the wrong place, as in the screenshot below: enter image description here Why is it so? Or is it a bug of Chrome? 'cause as I know we can't change this kind of dropdown box position neither by CSS nor JS. I want it back to the normal place just right below the SELECT element!!!

这是上述“select”标签的 HTML 部分：

<select id="sel_user">   
  <option value="39" >Bùi Ngọc Sơn &lt;[email protected] /cdn-cgi/l/email-protection&gt;</option>   
  <option value="19" >Cao Thanh Hải &lt;[email protected] /cdn-cgi/l/email-protection&gt;</option>   
  <option value="15" >Cao Thanh Thảo &lt;[email protected] /cdn-cgi/l/email-protection&gt;</option>   
  <option value="72" >Cao Thị Lan Anh &lt;anh[email protected] /cdn-cgi/l/email-protection&gt;</option>    
  ...
</select>

select标签的id仅用于JS，它不与任何CSS项链接。


我不明白......我尝试了你的选择列表，但它运行得很好。

您的选择列表可以在其他浏览器中运行吗？

我认为您的 HTML 代码中有一些错误。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

css

DropDownMenu

htmlselect

为什么SELECT标签的下拉框显示在错误的位置？ 的相关文章

随机推荐

  • C++11 std::thread 接受带有右值参数的函数

    我有一些作业 并且我很难理解 可能 如何将参数传递给 std thread 构造函数 假设以下代码 我删除了不需要的部分 template

  • 使用.net core 3.0进行脚本动态编译和运行代码

    我想提供在 NET core 3 中编译和运行代码 Csharp 类 的可能性 以用于脚本编写 脚本 类 应从文件系统加载并注入现有 静态 程序集中 https laurentkempe com 2019 02 18 dynamically

  • Javascript 函数将印度货币数字转换为支持 paise 的单词

    还有比这更快的解决方案吗 在花了一些时间谷歌搜索和玩弄其他人的代码之后 我做了一个快速修复 可重用函数适用于最大 99 99 99 999 的数字 number2text 1234 56 将返回ONE THOUSAND TWO HUNDRE

  • handleWatchKitExtensionRequest 未响应 Watchkit 扩展中的 openParentApplication (Swift)

    我正在尝试将信息从我的 WatchKit 应用程序发送到我的主要父应用程序 据我了解 我应该能够使用openParentApplication在我的 watchkit 扩展中 该扩展将由handleWatchKitExtensionRequ

  • 将 YUV 作为字节数组导入

    我正在开发一个项目 必须对 YUV420 SP NV21 图像 从 Android 相机拍摄 应用阈值 以确定哪些像素是 黑色 哪些像素是 白色 因此 我想将其作为字节数组导入 Python 中 使用 OpenCV NumPy PIL 这样

  • 如何从 bash 脚本在 GitHub 操作上创建输出？

    我有一个 GitHub 操作 本质上是一个 bash 脚本 我的操作的 javascript 部分执行 bash 脚本 const core require actions core const exec require actions e

  • 在模型上重复纹理

    我正在创建一个小游戏 你在迷宫中 迷宫的组织方式是2D Array 描述x and z position和block type 原来如此Tile based 假设每个块都是1 m 现在我的角色是2m高 迷宫应该是4m高的 因此 如果该瓷砖上

  • SQL查询多个AND和OR不起作用

    我有一个单元格 其中包含由双管分隔的值 我正在尝试使用以下内容搜索此单元格的内容 其中 10 是要搜索的数字 10 10 10 和 10 我的查询似乎只返回 10 没有其他变化 有人可以告诉我为什么它不起作用吗 提前谢谢了 您在下面看到的

  • 为什么从 python/uwsgi 内部调用时 `node.js` 会死掉？

    从外壳这个python启动并与之通信的代码node js过程工作正常 gt from subprocess import gt js function m console log m hello world gt out err Popen

  • 更改java的.class文件而不重新编译

    有什么办法可以做到以下几点 所以我有一个project jar 文件 在其中我需要修改传递给classA class 的某些方法的字符串 例如 假设这个 classA class 有一个名为 change String a String b

  • 检查 Postgres 复合字段是否为 null/空

    With Postgres 复合类型 http www postgresql org docs 9 2 static rowtypes html您基本上可以构建一个字段 其结构被定义为另一个表 我有一个名为 recipient 的复合字段

  • 错误：Angular 解析期间出现 Http 失败

    我正在学习 Angular 我想在 HTML 页面上显示 JSON 数据 错误是 Angular 解析期间 Http 失败 我不知道为什么请告诉我我的错误并给我链接如何显示多种类型的 JSON 数据 person component htm

  • MSBuild - 设置解决方案的属性

    我们在 VS2008 中使用 NET 3 5 我有一个包含约 20 个项目的解决方案 随着应用程序的增长和添加新模块 这个数字会随着时间的推移而增长 今天我需要为每个项目设置一个属性 我必须编辑每个 csproj 文件以添加以下内容

  • 如何避免在 Visual Studio 2017 中加载 Microsoft.VisualStudio.Threading 时出现错误

    我已在仅针对 Visual Studio 2019 的版本中对 Visual Studio 包进行了更新日志 我开始使用 NuGet 包的一项更改微软VisualStudio SDK 版本 16 0 202 并删除了许多对 DLL 的单独引

  • "aaaa".StartsWith("aaa") 返回 false

    如果这不是一个错误 那么任何人都可以解释这种行为背后的原因吗 事实上 似乎每个奇数个字母都会返回 false string test aaaaaaaaaaaaaaaaaaaa Console WriteLine test StartsWit

  • php oop文件上传

    我正在研究 oop php 文件上传脚本 很简单 但不起作用 问题是什么 我学习如何使用 FILE 以及如何编写 oop 风格的代码 Thanks upload php 是

  • Promise - 是否可以强制取消 Promise

    我使用 ES6 Promises 来管理所有网络数据检索 在某些情况下我需要强制取消它们 基本上 场景是这样的 我在 UI 上进行预先输入搜索 其中请求委托给后端必须根据部分输入执行搜索 虽然此网络请求 1 可能需要一点时间 但用户继续键入

  • SQL 在 Select 语句中合并两列

    如果我的数据库中有一个列是 Address1 和 Address2 我如何组合这些列 以便我只能在 select 语句中对其执行操作 我仍然会将它们单独保留在数据库中 我希望能够做到这一点 WHERE completeaddress LIK

  • Dos 内联 IF 测试错误级别，不使用延迟扩展

    无论如何 是否可以在不延迟扩展的情况下执行以下操作 一行 为了可读性而中断 comspec v on c windir System32 reg exe import c temp test reg if errorlevel neq 0

  • 为什么SELECT标签的下拉框显示在错误的位置？

    My CSS file doesn t touch the tag select at all also no CSS classes are related to the tag select But when showing in br

热门标签