Getting rid of a border

After I select the Arrow I get this border (see attached image).
How can I keep this border from appearing?
Thanks. Here’s the code:


.btn_vid1 { 
border:0px solid #ffffff;
background: url(images/arrow-login1.gif);
margin: 0px 25px 0px 0px;


<form action="login.php" method="post" accept-charset="UTF-8" class="middletext">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label><font class="font4_15">Username</font></label><span class="username"><input type="text" name="user_name_login" size="9" style="width:70px;" />
&nbsp;&nbsp;<label><font class="font4_15">Password</font></label><span class="password"><input type="password" name="password_login" size="9" style="width:70px;" />
<input type="submit" value="[var.lang_login_now]" class="btn_vid1" /></a><!--<a href="login.php"></a>-->
<input type="hidden" name="submitted" value="yes" />
<input type="hidden" name="remember_me" value="remember_me" />

I tested your code and I didn’t see the border in any browser I used. I would eliminate the border:0px solid #ffffff; line and try your code again just to see if it helps.

It will not be like yours when you select the arrow , every time i select the article , it don’t have the border .

You can remove the dotted border using the outline property [URL=“”]but read this first because as mentioned above it is a keyboard accessibility feature but there is nothing to stop you from restyling it to fit your layout and still provide visual clues.

If you mean the dotted border, that’s a browser feature and occurs when any link or button is activated. You shouldn’t try to get rid of it, because it’s pretty much essential to allowing people using the keyboard or accessibility software to access the page. You’ll see that the buttons and links on this page all give the same effect.

Incidentally, what on earth are all those  s doing? If you need some spacing, use CSS to apply it!