css in my JavaScript widget colliding with target page css

Question

I\'ve written a pretty basic widget for voting, users install it pretty much like the Google analytics code by simply adding a JavaScript code to the bottom of their code.

Answer 1

Use Iframe or use inline CSS for your elements.

Answer 2

Put your widget in an iframe, then it won't be affected by anything on the target page.

Answer 3

Use !important for the css of your widget.

Example:

.widget {
    font: 16px Arial !important;
}