Go Premium for a chance to win a PS4. Enter to Win

x
?
Solved

change different text color when read only or not editable

Posted on 2006-06-19
4
Medium Priority
?
266 Views
Last Modified: 2006-11-18
Hi,

I have web pages when they are in un-editable or read only mode; the text box, check box/radio box, select box etc... are in default dim color (light grey) and users complaint that they are hard to read.  

How am I going to change the fore-ground color?

Many Thanks,
Diane Ha

0
Comment
Question by:tnova1
  • 2
  • 2
4 Comments
 
LVL 30

Expert Comment

by:GrandSchtroumpf
ID: 16934792
Firefox supports colors on disabled form elements, but IE and Opera don't.
AFAIK, there is no way you can change that.
You can tell the complaining users that they can use firefox.

Example:
<input type="text" disabled style="background: #EEE; color: black;" value="hello">
<input type="button" disabled style="background: #EEE; color: black;" value="hello">
0
 

Author Comment

by:tnova1
ID: 16935247
I cann't force them to use Firefox, these controls was .net web controls, otherwise I can use the readonly mode.

But I change the Background color. It does make them more clear and readable now.
0
 

Author Comment

by:tnova1
ID: 16935346
You can't change the fore-color but you can change the background color for disable controls in IE.
0
 
LVL 30

Accepted Solution

by:
GrandSchtroumpf earned 1000 total points
ID: 16935955
> otherwise I can use the readonly mode.
Yes, but that's only for text inputs.

> You can't change the fore-color but you can change the background color for disable controls in IE.
I noticed that while testing.  It's better than nothing i guess.
0

Featured Post

Ask an Anonymous Question!

Don't feel intimidated by what you don't know. Ask your question anonymously. It's easy! Learn more and upgrade.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a how to build your own CSS3 slideshow and when I say CSS3 I mean just CSS with no javascript in sight! There a few examples online of how to do this but most just show you an example without any explanation, others make it more complicat…
Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses

916 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question