form button appearing selected

[Ronan Dowd]

I have a JSP page with a form on it with various elements on it (input fields etc). I also have a button named "Continue" at the bottom of my JSP.
Once the page loads - if i click on the screen (i.e. inside any of my input fields or inside where the form is defined) the Continue button immediately
changes to look like its been "selected" - i.e. has a thick black border around it. How can i stop this from happening - any help great.

[Zip Ped]

I am not quite sure, but I think this is the default behaviour on a browser for a submit button.

For e.g. if you chose to reply to this post, you would see the "Add Reply" button appearing as selected.

You might also want to check the css associated with your page.

[Bear Bibeault]

Which browser and how is the button defined? Please be sure to use UBB code tags when posting code. Please read this for more information.

[Ronan Dowd]

Hi, I'm using IE6, the button is defined like below:

<input type="submit" value="Search Batch Activity" class="button buttontype4">

The style for my button is as below:

.buttontype4
{
  width:130px; 
  background-color: #D8D8D8; 
  font-size: 1em; 
  color: #414141 !important; 
  border-top: 1px solid #414141; 
  border-right: 1px solid #414141; 
  border-bottom: 1px solid #414141; 
  border-left: 1px solid #414141; 
  padding: 0.3em 1em; 
  text-decoration: none; 
  margin-right: 2em;
}

[Zip Ped]

Please check your styles:

Black border:

  border-top: 1px solid #414141;   border-right: 1px solid #414141;   border-bottom: 1px solid #414141;   border-left: 1px solid #414141;