Log in

View Full Version : Pure CSS Link Focus Style Without Form for Firefox



johnwboyd
11-11-2013, 03:52 PM
This works good in Chrome but NOT FF. Can someone help me with this please? Demo (click the wordpress button): http://htmlemailwebform.com/form_integration_instructions.html

The CSS:

a:focus {outline-style:none;
box-shadow:none;
border-color:transparent; color: #CC0000; -webkit-stroke-width: 5.3px;
-webkit-stroke-color: #BAD7E3;
-webkit-fill-color: #BAD7E3;
text-shadow: 2px 3px 5px #BAD7E3;}

</style>

The Link

<a href="#wordpress" OnClick="wordpress.focus();"><img src="images/wordpress-form.jpg" width="97" height="97" border="0" /></a>

The Focus/ Anchor Link

<a href="https://signup.wordpress.com/signup/?ref=wplogin" target="_blank" name="wordpress">