javascript - Facebookライクアイコンの枠線変更

Question

CSSだけでそれを行う方法を一生理解することはできません。!importantを使用しても、JavaScriptがそれをオーバーライドするためだと思います。したがって、JQuery の $.getScript() 関数を使用して JavaScript をロードしようとしましたが、機能しません。

シンプルな黒枠にしたいです。

URL: http://www.imvu-e.com/products/sro/

Answer 1

facebook の css をオーバーライドしようとする代わりに、ボタンの周りに div をラップし、その周りに境界線を配置しました。このコードは、私が望んでいた効果を得るために非常にうまく機能しました。

<div style="border: 1px solid black; background: #ECEEF5 url('http://i.imgur.com/y8DyO.png'); width: 49px; height: 20px; border-radius: 3px;">
     <!--  INSERT FACEBOOK LIKE DIV HERE -->
</div>

注: background: #ECEEF5 url('http://i.imgur.com/y8DyO.png');div がいいねボタンと同じ背景を持つように追加されたので、JavaScript の実行中のその一瞬の間、Facebook の #ECEEF5 への背景なしからのちらつきは表示されません。

結果：