overide background css generated by external css

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Post Reply
User avatar
deejay
Forum Contributor
Posts: 201
Joined: Wed Jan 22, 2003 3:33 am
Location: Cornwall

overide background css generated by external css

Post by deejay »

Hi

I would have posted this in the css forum but for some reason i get the message I do not have the permissions.

Heres my problem. I am accessing an external .css that sets the style for imported code. Where neccesary I have overrided any styles that are causing conflict, however I have this on left that I cannot get rid of.

Code: Select all

 
input[type="submit"] {
background:transparent none repeat scroll 0 0;
border:medium none;
}
 
using firebug in mozilla if I turn off the line

Code: Select all

 
background:transparent none repeat scroll 0 0;
 
the input display as I wish it to. What could I use to effectively do the same thing.
I've tried

Code: Select all

 
background:none;
 
and that doesn't work. Any ideas?
User avatar
kaszu
Forum Regular
Posts: 749
Joined: Wed Jul 19, 2006 7:29 am

Re: overide background css generated by external css

Post by kaszu »

Try

Code: Select all

background: none !important;
or use more specific selector.
User avatar
pickle
Briney Mod
Posts: 6445
Joined: Mon Jan 19, 2004 6:11 pm
Location: 53.01N x 112.48W
Contact:

Re: overide background css generated by external css

Post by pickle »

Selectors like that aren't supported by all browsers. Giving all submit buttons a class of .submit should fix the problem.

I've moved this thread to the HTML/CSS/UI board. If you can't write to this thread, just PM me.
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.
eveniax
Forum Newbie
Posts: 2
Joined: Wed May 13, 2009 12:43 am

Re: overide background css generated by external css

Post by eveniax »

How can I change the CSS of a page while viewing it directly in Firefox? Next week I'll be giving my colleagues a demonstration of basic web design and CSS using Dreamweaver. I recently heard that you are able to change the look and feel of a web page using the Firefox browser, and I'd like to find out how to do this.
_________________
affiliateelite ~ affiliateelite.com ~ adgooroo ~ adgooroo.com
Last edited by eveniax on Tue May 19, 2009 12:15 am, edited 1 time in total.
User avatar
deejay
Forum Contributor
Posts: 201
Joined: Wed Jan 22, 2003 3:33 am
Location: Cornwall

Re: overide background css generated by external css

Post by deejay »

firebug is the tool you need. https://addons.mozilla.org/en-US/firefox/addon/1843

once you have it loaded -> then you can select 'HTML' in the left hand panel and in the right side panel under the 'style' tab you can change the css live. it's pretty cool.
here some other tools to pimp your firefox.

FirePHP

Extension of the Firebug add-on to show PHP debug information on Firebug console.
https://addons.mozilla.org/en-US/firefox/addon/6149

- YSlow

Currently another extension of the Firebug add-on to measure page loading times and identify problems that make your pages load slower.
https://addons.mozilla.org/en-US/firefox/addon/5369


- Web Developer

Several tools like disabling Java-script, CSS, redirection, clearing browser caches, resizing the browser window to test pages with different sizes, etc..
https://addons.mozilla.org/en-US/firefox/addon/60

- User Agent Switcher

Switch the browser identification to test how sites respond to different browsers.
https://addons.mozilla.org/en-US/firefox/addon/59

- HTML Validator

Validate page HTML to help finding page generation errors cause by eventual bugs in the PHP scripts.
https://addons.mozilla.org/en-US/firefox/addon/249

- Java-Script debugger

Run page Java-script code with single step support and ability to show Java-script variable values during debugging.
https://addons.mozilla.org/en-US/firefox/addon/216

- LiveHTTPHeaders

Show page request and response headers.
https://addons.mozilla.org/en-US/firefox/addon/3829
Post Reply