почему атрибут contentEditable входного текстового поля не работает в Chrome?

Question

В моем .net-проекте таких кодов очень много:

< asp:TextBox ID="txtDeparment" runat="server" contentEditable="false">< /asp:TextBox>

, он хорошо работает в IE, но в Chrome он не работает.но вы не можете просто заменить его ReadOnly.

Как решить эту проблему с минимальными изменениями?

Answer 1

Чтобы сделать текстовое поле недоступным для редактирования, вы должны использовать следующие атрибуты CSS:

user-select: none;
-webkit-user-select: none;
-moz-user-select: none;

Эти атрибуты CSS не позволяют выбрать элемент, который в случае поля ввода,также отрицает его редактирование.