在 WebKit 中为只读输入显示文本光标

Posted 2023-03-05

【中文标题】在 WebKit 中为只读输入显示文本光标

【英文标题】：Show text cursor for readonly inputs in WebKit

【发布时间】：2013-03-03 11:01:59

【问题描述】：

<input value="Default" />
<input readonly value="Readonly" />

http://jsfiddle.net/EBQ3U/

在 Firefox 中，单击禁用的输入字段会显示一个不闪烁的文本光标。我喜欢这种行为，因为它告诉用户他们可以使用 Ctrl-A 来选择输入的内容。 Chrome 没有给出任何这样的视觉指示。如何在不使输入字段可写的情况下更改它？

【问题讨论】：

这是一个等待解决的报告问题 - code.google.com/p/chromium/issues/detail?id=167142

感谢您的链接。那我就等着吧。

【参考方案1】：

尝试使用 CSS 添加此代码 --> html

<input value="Default">
<input readonly value="Readonly" id="rd">

和 CSS-->

#rd

cursor:text;

应该这样做......如果这是你想要的。

【讨论】：

鼠标光标不是问题，而是应该出现在字母之间的工字梁。据我所知，没有相应的“文本光标”CSS 属性。

我上面展示的光标属性不仅仅是“文本光标”属性，而是存在的每个元素。