I am getting a black border box in various places on my screen

I am getting these black border boxes around my web pages, text input boxes, around some of the icons on my desktop, widgets, and small sections of different websites around the screen.

When I typed this message there was a box around the text input section, after I scrolled down the box stayed in the middle of my screen (this time not around a particular section). All the other stuff on the screen scrolled up and the box remained in the same place.