Page 1 of 1

overide background css generated by external css

Posted: Tue Apr 14, 2009 8:54 am
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?

Re: overide background css generated by external css

Posted: Tue Apr 14, 2009 11:19 am
by kaszu
Try

Code: Select all

background: none !important;
or use more specific selector.

Re: overide background css generated by external css

Posted: Tue Apr 14, 2009 2:14 pm
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.

Re: overide background css generated by external css

Posted: Thu May 14, 2009 2:08 am
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

Re: overide background css generated by external css

Posted: Thu May 14, 2009 2:52 am
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