By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,760 Members | 1,585 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,760 IT Pros & Developers. It's quick & easy.

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

P: n/a
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
Dec 10 '07 #1
Share this Question
Share on Google+
9 Replies


P: n/a
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; }
Dec 10 '07 #2

P: n/a
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.
Dec 10 '07 #3

P: n/a
On Dec 10, 12:34 pm, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
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.
Dec 10 '07 #4

P: n/a
On Dec 10, 12:33 pm, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
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.
Dec 10 '07 #5

P: n/a
William Krick wrote:
On Dec 10, 12:34 pm, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
>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
Dec 10 '07 #6

P: n/a
Jonathan N. Little wrote:
William Krick wrote:
>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...
There is also the PrefBar, which is equally as effective for en/disable
of images, colors, fonts (and UA string, Java/JavaScript/Flash and lots
more). Still works fine in all the current Mozilla products.
http://prefbar.mozdev.org/

--
-bts
-Motorcycles defy gravity; cars just suck
Dec 10 '07 #7

P: n/a
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>

Dec 11 '07 #8

P: n/a
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.
Dec 11 '07 #9

P: n/a
On Dec 11, 12:21 am, Harlan Messinger
<hmessinger.removet...@comcast.netwrote:
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.
Dec 11 '07 #10

This discussion thread is closed

Replies have been disabled for this discussion.