代码之家 › 专栏 › 技术社区 › 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代码来帮助自己呢?

推荐文章

Geeta · 选定选项上未显示图像

7 年前

sjkp · Selenium-如果值位于html中的<table>标记内而不是<option>下,则从下拉列表中选择项目

7 年前

Luke · Bootstrap 4选择样式

7 年前

kamran shah · 使用jQuery使用下拉选择值更新类

7 年前

AllramEst · 在选择列表中,哪种方式是选择默认选定项的最佳方式?(下拉列表)

7 年前

Terry · 检索已使用JavaScript重新排序的选择元素选项列表

7 年前

Jóni Silva · 下拉列表(选择/选项)不适用于Firefox mobile(带触摸)

7 年前

Brett Roby · 在另一个选择实例中选择时禁用选择选项值

7 年前

Patricia · javascript jquery下拉列表框-如何在特定索引处设置选项文本(未选中!)

7 年前

R1ddler · 提交后如何显示所选选项值

7 年前