Remove border with extension google-code-prettify

Question

I want to remove the code boundary when using google-code-prettify . I tried the following, but did not get any result.

 pre.prettyprint { border: none; } 

I also tried removing the borders of all the pre tags, the same did not work.

 pre { border: none; } 

Thanks!

Answer 1

I think you should tell the browser which set of styles it should listen to. The !important property should tell the browser that you want your CSS to have a use case.

 pre.prettyprint { border: none !important; }