代码之家 › 专栏 › 技术社区 › Chris Noe PaweÅ Dyda

禁用在HTML选择框中突出显示

html-select css

Chris Noe PaweÅ Dyda · 技术社区 · 15 年前

我有一个选择框, <select multiple=true ,用户通过选择列表机制填充值。我想禁用此框中的突出显示,因为根据定义,此框中的值是选择。

只是澄清一下,我不是指文本选择,这就是 ::selection 继续运转。我说的是当用户单击选中的行项目时,浏览器应用于它们的通常为蓝色的突出显示。

我不担心用户盲目点击,因为我会自动选择提交中的所有项目,以便发送所有值。

4 回复 | 直到 15 年前

kafuchau 15 年前

为什么不在自己的DIV中列出这些项,而不在select元素中列出呢?你不会让用户和他们互动,对吧?

然后,您可以有一个select元素,其中包含您想要的所有值,但是通过css将其隐藏,这样用户就不会看到它们。它将以您的形式出现,这样您就可以在提交时获取这些值。

sprugman 15 年前

如果我读得正确,听起来你使用的是一个累加器模型,其中有一个“源”框(或列表或选择等)和一个“选择”框。与其累积成[选择],不如使用一个DIV?如果必须使用Select,可以尝试禁用它,但它会携带其他可见的行李。您也可以尝试设置所选颜色的样式,但这绝对不是跨浏览器。

Dave Swersky 15 年前

使其禁用?

<select disabled="disabled">

不幸的是,这会使它变灰-另一个选项可能是一些JavaScript来取消选择任何选项。

GnrlBzik 15 年前

如果我理解正确,用户实际上不会选择项目?那么为什么不禁用它,或者如果客户仍然与它交互,您可能需要使用一些JS代码来帮助自己呢?

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

5 月前

Mass · 如何在Tailwind CSS v4中创建配置

5 月前

magenta placenta · 将css变量合并为一个变量

5 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

5 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

5 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

6 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

6 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

6 月前

Luckkks · 过渡色工作不正常

6 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

6 月前