即使文本区域没有焦点,也指示选定的文本

时间:2019-06-09 17:18:29

标签: css focus textarea textselection

在Firefox和Chrome中,仅当该字段具有焦点时才显示文本字段的文本选择(=在该字段中选择的文本范围)。即使该字段没有焦点,该选择也会存在 -可通过JavaScript查询,并且如果该字段以不改变选择的方式重新获得焦点,则该选择再次显示,对用户不可见。 (请参见下面的示例代码段。在<textarea>字段中突出显示所需的任何文本;然后使用Tab和Shift + Tab移开和移回焦点。仅当该字段具有焦点时,您的文本才会显示为选中状态。)

是否有一种方法可以覆盖此行为?

一些注意事项:

  • 我尝试使用CSS's ::selection pseudo-element和规则来设置颜色和背景色,但这没有帮助;这些规则仅在该领域成为重点时才适用。
  • 我宁愿仅使用HTML / CSS / JavaScript(无需用户干预)来完成此操作,但如有必要,我愿意使用浏览器设置。
  • 我不在乎所选内容在没有焦点的情况下看起来是否与相同相同,只要在两种情况下都可见
  • 我主要需要支持Firefox,但如果可能的话,我也希望支持其他现代浏览器。
  • 我不在乎所选内容是否为零长度(=仅当其处于光标位置时)。

<textarea rows="2" cols="15">Hello, world!</textarea>

1 个答案:

答案 0 :(得分:0)

您是否尝试在CSS中将特定选择元素用于Firefox?看起来该元素仅以这种方式在Firefox中实现(此后版本2-61已修复):

::-moz-selection {

}