0

I have a table element, containting a custom usercontrol (contained in a "td" tag), that is a RadGrid from telerik. When i click anywhere in the div/cell zone (not a link, not an image, but inside a cell of the grid, anything that has not a a:link) and there is a dotted line around the border of that div/cell.

I succeeded of removing the equivalent "orange" line that Chrome produce in that case with css style

*:focus { outline:none;}

In IE, i don't have the dotted line, but i still gotta remove that line in Firefox. I tried css style:

div 
{
  border-style:none; 
  outline-style:none;
}

or

outline:0;

but no result so far. Any idea?

DottedOutlineImage

Sophie
  • 324
  • 3
  • 12
  • i would add an image of the case but everytime i try to and save edits, image is not present in post. – Sophie Jan 25 '13 at 21:05
  • This appear to be happening on RadGrid that has the "add row" functionnality available. If the grid is in "view mode", that dotted line doesn't appear. – Sophie Jan 25 '13 at 21:17

1 Answers1

0

write it in css

:focus {outline:none;}
::-moz-focus-inner {border:0;}
Faizan
  • 766
  • 2
  • 7
  • 19