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

0 vote136 views1 answer
Jquery woocommerce disable add to cart css
CSS
0 vote143 views2 answers
Css lighten function
CSS
1 vote245 views1 answer
Can we use multiple keyframes in css
CSS
0 vote208 views1 answer
Css geight
CSS
32 votes125 views6 answers
Overflow css
CSS
122 votes126 views6 answers
How to center in css
CSS
0 vote152 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
1 vote159 views1 answer
How to change button gradient
CSS
50 votes129 views5 answers
Css reset style
CSS
19 votes128 views2 answers
Css center div vertically
CSS