When you install the SyntaxHighlighter3 plugin for DokuWiki you may notice that in your inserted codeblocks every word has it’s own little shadowed border around it. This is because in DokuWiki the <code> tag by default has this styling, and the SyntaxHighlighter3 plugin wraps every individual word in the code into one or more of this tags to properly format them.

Solution

If it doesn’t already exists, create a userstyle.css file in the conf directory of your DokuWiki installation. Append the following code to the file:

.syntaxhighlighter div.line code {
    box-shadow: 0 0 0.3em transparent inset;
}