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

9 votes160 views2 answers
Line in middle word css
CSS
0 vote161 views1 answer
Best os for programming
CSS
0 vote148 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
0 vote170 views1 answer
Placer balise p a la suite
CSS
3 votes170 views1 answer
Download css from website
CSS
2 votes210 views1 answer
How to put a black overlay on a photo css
CSS
0 vote181 views1 answer
Overwrite safari dropdown css
CSS
1 vote169 views1 answer
Css system default font
CSS
1 vote149 views1 answer
Image grascale css
CSS
23 votes156 views3 answers
Text-overflow ellipsis multiple lines
CSS