How do I remove dotted border around Silverlight 4 in Firefox 4?

If any of you switched to Firefox 4, you'll noti开发者_JAVA百科ce a new focus visual around your silverlight object. This visual is a dotted border that surrounds the object tag whenever it gains focus. This can be very ugly when you have a Silverlight object that's part of an HTML page (ie. not 100% width/height).

So how do I get rid of this? In CSS?

Found the answer myself. Add this line to your CSS.

object::-moz-focus-inner { border:0; }