即使字段是只读的，光标也会闪烁

Question

我只读了一个字段但是当我点击该字段时，我看到一个光标闪烁。当值是只读时光标是否应该闪烁？

<input type='text' name='fname' value="100000" readonly="true"  />

Answer 1

readonly="readonly"就是你应该使用的。

Answer 2

readonly属性不会改变字段的呈现方式 - 您确实仍会看到闪烁的光标。但是如果你尝试输入字段，你会发现它没有响应。

如果您希望它看起来不同，则需要使用CSS在禁用时对字段进行样式设置。例如：

.myfield[disabled] {
    background-color: #AAAAAA;
}

...使字段在禁用时变为浅灰色。

但据我所知，没有办法在文本字段中更改闪烁的光标;当然不要阻止它眨眼。

如果您想在字段中没有光标，可以使用disabled属性而不是readonly。但这也有其他副作用，与readonly的工作方式完全不同。

Answer 3

这似乎是IE 11 / Mozilla Fire Fox或其他版本中的一个错误。

我通过添加以下内容使用JQuery解决了这个问题：

Line 1      $('#Id').prop('readonly', true);       
Line 2      $('#Id').css('pointer-events', 'none'); 

Answer 4

使用<span> 10000 </span> tag.U可能会得到您的解决方案。