Freeze input text css

/*
You can't disable anything with CSS, that's a functional-issue. 
CSS is meant for design-issues. You could give the impression of 
a textbox being disabled, by setting washed-out colors on it.

To actually disable the element, you should use the disabled boolean 
attribute: http://jsfiddle.net/p6rja/
*/
 <input type="text" name="lname" disabled />
 /*Or, if you like, you can set this via JavaScript: 
  http://jsfiddle.net/655Su/ */
  document.forms['formName']['inputName'].disabled = true;
/*exp */
<form name="fish">
    <input type="text" name="big" value="Big Fish" >
    <input type="text" name="little" value="Little Fish" >
    <input type="text" name="tiny" value="Tiny Fish" >
</form>
<script>
      document.forms['fish']['big'].disabled = true;
</script>
/*
Keep in mind that disabled inputs won't pass their values through 
when you post data back to the server. If you want to hold the data,
but disallow to directly edit it, you may be interested in setting
it to readonly instead. Demo: http://jsfiddle.net/655Su/1/
 */
/* Similar to <input value="Read-only" readonly>*/
document.forms['formName']['inputName'].readOnly = true;
/*
This doesn't change the UI of the element, 
so you would need to do that yourself:
*/
input[readonly] { 
    background: #CCC; 
    color: #333; 
    border: 1px solid #666 
}
/* You could also target any disabled element: */
input[disabled] { 
  /* styles */ 
	pointer-events: none; 
}

/* https://stackoverflow.com/questions/2458595/disable-a-textbox-using-css */

Source: stackoverflow.com

Similar codes

11 votes378 views5 answers
Css affect other elements on hover
CSS
0 vote323 views1 answer
Css grow
CSS
0 vote365 views1 answer
Css nearest neighbor
CSS
1 vote308 views1 answer
Show hide item based on display size
CSS
1 vote317 views1 answer
Css caret-color property
CSS
0 vote320 views1 answer
Npm next-css
CSS
1 vote292 views1 answer
H2 custom font family html css
CSS
2 votes320 views2 answers
OSX Library not loaded: /usr/local/opt/openssl/lib/libssl.1.0.0.dylib
CSS
0 vote323 views1 answer
Alpine extract data to script tag
CSS
0 vote300 views1 answer
How to make a text in center with background color in css
CSS