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
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
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