Cómo establecer la propiedad de sólo lectura del cuadro de texto de CSS

Question

i crear código CSS como

.inputHide { 
    font-size  : 100px; 
    width   : 100px; 
    height   : 100px; 
    border   : none; 
    background  : transparent; 
    readonly  : true; 
} 

Pero no funciona. Aunque si uso font-size de 1px, entonces al usar la pestaña puedo acceder a ese cuadro de texto & puede cambiar su valor.

¿Hay alguna manera de hacer caja de texto de sólo lectura simplemente usando css ..

Answer 1

Estoy de acuerdo con Rowland, pero se puede establecer que no pueda modificarse con:

.inputHide { 
    display: none; 
} 

aunque esto lo saca del flujo (por lo que hay un movimiento notable de elementos para llenar el vacío de su cuadro de texto a la izquierda).

Este método lo hace completamente invisible e inigualable ... no solo visible y atenuado (como lo harían los atributos HTML "disabled" o "readonly").

Answer 2

Usted no configura el comportamiento de los controles a través de CSS, sólo su estilo - si usted necesita para que sea de sólo lectura, marcarlo como por ejemplo en el control real

Answer 3

Readonly no es un atributo STYLE. Por lo tanto, no puede establecer con CSS (hoja STYLE en cascada).

Answer 4

css no se puede utilizar para hacer una entrada de solo lectura. Puede usar jquery o javascript simple para cambiar la propiedad de los campos.

Answer 5

$("select").selectize({ 
     onInitialize: function() { 
      this.$control_input.attr("readonly","readonly"); 

     } 
    }); 

Answer 6

Para personas que vienen a esta respuesta ahora. Puede hacer esto ahora con

pointer-events: none;