Breaking News: Grepper is joining You.com. Read the official announcement!

freeze input text css

ammer answered on December 6, 2020 Popularity 6/10 Helpfulness 3/10

answer freeze input text css

related freeze input text css

freeze input text css

Comment

/*
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 */

Popularity 6/10 Helpfulness 3/10 Language css

Source: stackoverflow.com

Tags: css freeze input text

Link to this answer
Share Copy Link

Contributed on Dec 06 2020

ammer

0 Answers Avg Quality 2/10

Closely Related Answers

freeze input text css

Comment

pointer-events: none;

Popularity 6/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: text input css freeze

Link to this answer
Share Copy Link

Contributed on Dec 06 2020

ammer

0 Answers Avg Quality 2/10

freeze input text css

Contents

More Related Answers

freeze input text css

Closely Related Answers

freeze input text css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.