如何避免在Mozilla Firefox中只读输入类型文本框中显示光标

How not to display Cursor in a read only input type text box in Mozilla Firefox

本文关键字:类型 文本 光标 显示 输入 只读 何避免 Mozilla Firefox      更新时间:2023-09-26

我用的是Mozlla Firefox vesrion 24.01

我有一个text box输入字段在我的形式,这是只读。在Mozilla中,当我指向文本框时,我可以看到一个光标在文本框中闪烁,但在Chrome中,它不是。

是否有办法不显示光标在Mozilla也?

我已经搜索了很多,并且已经看到了一些关于这个的答案,比如放

聚焦事件= " this.blur ();"

作为内联输入字段。但是,这在HTML中有效。当我尝试使用Rails text_field_tag时,它不采用"onfocus"方法。所以,请建议我一个更好的解决方案来隐藏光标,或者告诉我如何用text_field_tagonfocus事件来实现它。

谢谢你的帮助

CBroe的建议起作用了。但是,按照Rails的方式,

<%= text_field_tag "answerswer_name",truncate(answer.name,:length=>35), :onfocus => "this.blur();", :style=>"cursor:default;", :readonly => true%>

它工作。不要忘记添加CSS行'cursor: default;'将把指针更改为箭头类型,默认情况下,文本框将具有文本模式指针(当您在此区域输入SO时可以看到的指针类型)。

这在IE中不起作用。因此,最好将text_field替换为div元素,并将text_field设置为hidden field来执行操作。

谢谢大家。:)