disable field but allow to put the cursor on it and allow to copy from it

Question

I'm using the following text box which having a value inside of it but it is disabled. the problem is that this textbox have value inside which I want to allow that the user can copy the value from it,the problem is currently that I cannot put the curser on it... any idea how to solve it?i've tried also with read only and having same issue...

<td class="display-field">
<b>@Html.TextBoxFor(model => model.EString, new { @style = "width: 100px;", placeholder = "Click", @disabled = true })</b>                            
 </td>

Take a look here http://stackoverflow.com/questions/8876928/allow-copy-paste-in-a-disabled-input-text-box-in-firefox-browsers — Alex Char, Jun 10 '14 at 08:13

score 1 · Accepted Answer · answered Jun 10 '14 at 08:21

1

use cursor:pointer; in inline style and readonly="true" check this

<input  style = "width:100px;cursor:pointer;"  readonly ="true" value="hellohellohell"/>

answered Jun 10 '14 at 08:21

Mr7-itsurdeveloper

1,611
1
17
23

Thanks ,there is a ways that I can do that with arrow also? – Jean Tehhe Jun 10 '14 at 08:24
cursor:default; Jean Tehhe – Mr7-itsurdeveloper Jun 10 '14 at 08:26

score 0 · Answer 2 · answered Jun 10 '14 at 08:18

0

readonly not working?

<td class="display-field">
    <b>@Html.TextBoxFor(model => model.EString, new { @style = "width: 100px;",  placeholder = "Click", @readonly = "readonly" })</b>
</td>

answered Jun 10 '14 at 08:18

Yuliam Chandra

14,214
12
51
67

score 0 · Answer 3 · answered Jun 10 '14 at 08:32

0

readonly="readonly" will let you copy the text from textbox and won't let you edit text.

answered Jun 10 '14 at 08:32

Md Nazmoon Noor

3,074
1
21
30

disable field but allow to put the cursor on it and allow to copy from it

3 Answers3