如何不在Mozilla Firefox中的只讀輸入類型文本框中顯示光標

我有一個text box輸入字段在我的表格中，它是只讀。在Mozilla中，當指向該文本框時，我可以看到文本框內的光標閃爍，但在Chrome中卻不是。

有什麼辦法可以不讓遊標在Mozilla中顯示嗎？

我搜索了很多，也知道這方面像一些答案把

的onfocus =「this.blur（）;」

作爲輸入字段內部的內聯。但是，這在HTML中起作用。當我嘗試使用Rails text_field_tag時，它沒有采用方法'onfocus'。所以，或者請給我一個更好的解決方案來隱藏光標，或者告訴我如何用text_field_tag和onfocus事件實現它。

感謝所有幫助:)從CBroe

遊標怎麼樣：沒有在CSS？ – Banana

@Banana：不工作。 –

你可以使用'pointer-events：none;'（http://jsfiddle.net/VZ8xf/） - 但是，這也會禁止用戶與其他鼠標交互，如標記複製和粘貼文本... – CBroe

建議的工作。但是，以Rails的方式，

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

它工作。不要忘記放置CSS行'cursor：default;'會將指針更改爲箭頭類型，默認情況下，文本框將具有文本模式指針（通過此區域將答案放在SO中時可以看到的指針類型）。

這不會在IE工作。因此，最好用div元素替換text_field，並使text_field爲hidden field來執行操作。

謝謝大家。 :)

2014-03-24 11:11:17

回答