twitter-bootstrap-rails - differences between development and production - ruby-on-rails

Question

I'm going crazy with this.
Using bootstrap for rails + less-rails gem and some styles are completely different on development and production.
Example:
a styles do have a black background-color on the hover event. I overwrote the a:hover style already via
background-color: none !important;
but it still shows up this weird black background on the hover event. Inspecting the element via Chrome does not even show this CSS style! So where does it come from?
Also, the font is different (dev vs live) and other minor things.
On the other hand, buttons and most major elements (well, lead etc etc) are working fine.
Where does this difference come from and how do I make dev versus live the same CSS appearance?
I deploy my app on heroku btw.
Thanks for any help.

Answer 1

I think you are using other style on your application, something like a scaffold for generator, scaffold will generate scaffold css. I'm use scaffold and i'm having scaffold.css.scss on my apps, Here's style of link on scaffold.css.scss
a {
color: #000;
&:visited {
color: #666;
}
&:hover {
color: #fff;
background-color: #000;
}
}
You should remove style of link or you can remove scaffold style on your apps if you won't it.
Twitter bootstrap do not have style link with a black background, by default.
If you don't have other style on your app and only use twitter bootstrap you should find style of link that bring about an issue