Answers
Dec 28, 2006 - 06:27 AM
david...Approach this one with care...IE doesn't behave the same way as FF as you've already experienced.If you use the "disabled" parameter for the field FF will "gray out" the disabled textbox or textarea...IE will gray out any text contained in there, but won't add the cool gray background to the field.You can, however, create a "disabled" class in your css file, but in my tests, I couldn't get it to work as an inherited property off the input tag so that means you'll have to set the class when you set the disabled property.You can copy/paste this test to see how it works in both IE & FF: !
This is the content of a textarea Hope this helps!Ric
This is the content of a textarea Hope this helps!Ric
Dec 28, 2006 - 06:44 AM
No CSS for disabledUse HTML controls attribute "disabled"W3 http://www.w3.org/TR/html4/interact/f...MS http://msdn.microsoft.com/workshop/au... ! Enable Disable
abcdef
abcdef
Dec 28, 2006 - 06:59 AM
In MSIE the contents appear greyed.
for the background you can add this line to my disable_controls() routine
after
elem.disabled = state ;
insert
elem.style.backgroundColor = state?"yellow":"white" ;
for the background you can add this line to my disable_controls() routine
after
elem.disabled = state ;
insert
elem.style.backgroundColor = state?"yellow":"white" ;
Jan 04, 2007 - 11:47 AM
hmmm....looks like your solution does the exact same thing that I suggested.
why do you bash using CSS when your "elem.style.backgroundColor = state?"yellow":"white";" does effectively the same thing?
My impression was that David needs to set the disabled state of a field programmatically, and could use the following:
function Disable(id) {
var ctrl = document.getElementById(id);
ctrl.disabled = false;
ctrl.style.class = "";
}
My apologies if I took your comments harshly and incorrectly, mate.
ric
why do you bash using CSS when your "elem.style.backgroundColor = state?"yellow":"white";" does effectively the same thing?
My impression was that David needs to set the disabled state of a field programmatically, and could use the following:
function Disable(id) {
var ctrl = document.getElementById(id);
ctrl.disabled = false;
ctrl.style.class = "";
}
My apologies if I took your comments harshly and incorrectly, mate.
ric
Jan 04, 2007 - 08:59 PM
thanks ric and xarcus for your suggestions.
You're right, ric, that what I needed was to disable/enable the fields programatically. And your suggestion about using a "disabled" class is the one I ended up using, although I was initially hoping that there were a css-property i could use instead, like a:hover...
So I'll live with this solution and perhaps in CSS3 and when the browsers support that in 2020... :)
You're right, ric, that what I needed was to disable/enable the fields programatically. And your suggestion about using a "disabled" class is the one I ended up using, although I was initially hoping that there were a css-property i could use instead, like a:hover...
So I'll live with this solution and perhaps in CSS3 and when the browsers support that in 2020... :)
Aug 07, 2007 - 10:50 AM
The CSS method I use is:
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
background-color: #dcdcdc;
border: #3532ff 1px solid;
color: #000000;
cursor: default;
}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
background-color: #dcdcdc;
border: #3532ff 1px solid;
color: #000000;
cursor: default;
}
May 23, 2008 - 06:55 PM
css textboxt ınput (textfield) style - examples - -
http://www.css-lessons.ucoz.com/textb...
http://www.css-lessons.ucoz.com/textb...
Jun 01, 2010 - 08:38 AM
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly]
{
background-color: #dcdcdc;
border: #3532ff 1px solid;
color: #000000;
cursor: default;
}
Doesn't work in IE
{
background-color: #dcdcdc;
border: #3532ff 1px solid;
color: #000000;
cursor: default;
}
Doesn't work in IE
Nov 24, 2010 - 12:00 AM
Dec 28, 2010 - 07:20 PM
In my opinion, the fastest way to become a computer expert is to have a powerful software in your PC, tuneup360 is such a software, have it in your computer, you can handle all the problems by yourself.
Oct 11, 2014 - 09:09 AM
<textarea disabled>
use this
</textarea>
use this
</textarea>
Add New Comment