using stylish to turn off input button images with css in firefox

I'm currently using the following custom Stylish style sheet in
Firefox 2.0.0.11...


*{ color: black !important ; background: none !important; background-
color: white !important }
a:link { color: gray !important }
a:visited { color: purple !important }
a:hover, a:active { color: red !important }
img {display: none !important;}


When combined with proxomitron ad blocking, it does a pretty good job
of rendering web pages in black and white with no images.

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

You can get the Stylish plugin here...
https://addons.mozilla.org/en-US/firefox/addon/2108

William Krick wrote:

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

input[type="image"] { display: none ! important; }

William Krick wrote:

Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

You don't need a style for that. Just use your browser's option not to
display images.

On Dec 10, 12:34 pm, Harlan Messinger
<hmessinger.removet... (AT) comcast (DOT) net> wrote:

William Krick wrote:
Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

You don't need a style for that. Just use your browser's option not to
display images.

I could do that, but it takes a minimum of 5 clicks, plus a browser
refresh to toggle the images on and off.

With a stylish stylesheet, I can do it with 2 clicks and no refresh,
plus, I get the black & white look that I want at the same time.

There used to be a firefox plugin that added an image toggle button to
the toolbar, but it doesn't work in the current version of firefox.

On Dec 10, 12:33 pm, Harlan Messinger
<hmessinger.removet... (AT) comcast (DOT) net> wrote:

William Krick wrote:

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.

input[type="image"] { display: none ! important; }

Yep. That works.

It completely eliminates the button as one would expect.

I'm still wondering if there is there any way to force it show the alt
text instead.

Or maybe I could just make up a small black and white image with some
generic text on it and replace the image using the style sheet.

Are there any monochrome image filters that can by applied using css?
I know there used to be glowing text effects in IE that could be
applied with styling.

William Krick wrote:

On Dec 10, 12:34 pm, Harlan Messinger
hmessinger.removet... (AT) comcast (DOT) net> wrote:
William Krick wrote:
Ideally, I want to show
the alt text in place of the image but simply blocking the image would
be an improvement.
You don't need a style for that. Just use your browser's option not to
display images.

I could do that, but it takes a minimum of 5 clicks, plus a browser
refresh to toggle the images on and off.

With a stylish stylesheet, I can do it with 2 clicks and no refresh,
plus, I get the black & white look that I want at the same time.

There used to be a firefox plugin that added an image toggle button to
the toolbar, but it doesn't work in the current version of firefox.

http://chrispederick.com/work/web-developer/
Web Developer

One click and off go images...


--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Harlan Messinger wrote:

William Krick wrote:

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image
would be an improvement.

input[type="image"] { display: none ! important; }
Please can you give me a link to some doc where this syntax is defined? I mean

syntax
element[type=....]

I have some docs for CSS1 and CSS2 but I never seen this.
Thanks.
--
Petr Vileta, Czech republic
(My server rejects all messages from Yahoo and Hotmail. Send me your
mail from another non-spammer site please.)

Please reply to <petr AT practisoft DOT cz>

Petr Vileta wrote:

Harlan Messinger wrote:
William Krick wrote:

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image
would be an improvement.

input[type="image"] { display: none ! important; }
Please can you give me a link to some doc where this syntax is defined?
I mean syntax
element[type=....]

I have some docs for CSS1 and CSS2 but I never seen this.
Thanks.

http://www.w3.org/TR/CSS21/selector....bute-selectors

IE6 doesn't recognize these but IE7 and Firefox 2 do.

On Dec 11, 12:21 am, Harlan Messinger
<hmessinger.removet... (AT) comcast (DOT) net> wrote:

Petr Vileta wrote:
Harlan Messinger wrote:
William Krick wrote:

The only problem is forms with an input tag with type=image. These
images are not blocked.

There are test cases at the bottom of this page...

http://htmlhelp.com/feature/art3c.htm

Is there any way to block these through css? Ideally, I want to show
the alt text in place of the image but simply blocking the image
would be an improvement.

input[type="image"] { display: none ! important; }
Please can you give me a link to some doc where this syntax is defined?
I mean syntax
element[type=....]

I have some docs for CSS1 and CSS2 but I never seen this.
Thanks.

http://www.w3.org/TR/CSS21/selector....bute-selectors

IE6 doesn't recognize these but IE7 and Firefox 2 do.

This is what I've settled on for the moment...

input[type="image"]{ opacity: 0.25 !important }

It's not greyscale, but it fades out the button images enough that
they don't distract from the rest of the page while in black & white
mode, while still keeping them usable.