An explanation

The script on this page places a small grey asterisk next to the focused element. Hit the TAB key to focus the next element.

The Output

I am an ordinary anchor with a focus rectangle
I have no focus rectangle when tabbed to or clicked
I have a bright orange solid focus rectangle
I have a :focus pseudo class, but no hidefocus or tabindex attribute

The CSS

	.noFocus:focus {
		outline: none;
	}
	.brightFocus:focus {
		outline-style: solid;
		outline-color: #f90;
		outline-width: 3px;
	}

The HTML

	<a href='#' class='asterix first'>I am an ordinary anchor with a focus rectangle</a><span></span><br />
	<a href='#' class='asterix noFocus' hideFocus='hideFocus'>I have no focus rectangle when tabbed to or clicked</a><span></span><br />
	<a href='#' class='asterix brightFocus'>I have a bright orange solid focus rectangle</a><span></span><br />
	<a href='#' class='asterix last'>I am another ordinary anchor with a focus rectangle</a><span></span><br />