Solved

change different text color when read only or not editable

Posted on 2006-06-19
4
254 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 500 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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…

756 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