【问题标题】:Show text cursor for readonly inputs in WebKit在 WebKit 中为只读输入显示文本光标
【发布时间】:2013-03-03 11:01:59
【问题描述】:
<input value="Default" />
<input readonly value="Readonly" />

http://jsfiddle.net/EBQ3U/

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

【问题讨论】:

标签: css webkit html-input


【解决方案1】:

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

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

和 CSS-->

#rd
{
cursor:text;
}

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

【讨论】:

  • 鼠标光标不是问题,而是应该出现在字母之间的工字梁。据我所知,没有相应的“文本光标”CSS 属性。
  • 我上面展示的光标属性不仅仅是“文本光标”属性,而是存在的每个元素。
猜你喜欢
  • 2014-10-24
  • 2011-12-16
  • 1970-01-01
  • 2019-07-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多