css input button

• ldww

  having a problem with a custom css input button, it has a white border on the inside, dunno whgere its coming from.
  picture:
  

  

  code:
  input.button-blue {
  border: 2px outset;
  border-color:#4D4CBE #00001A #00001A #4D4CBE;
  cursor: pointer;
  color: #E0E0FF;
  font-size: 10px;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  background-image: url(...somehting...);
  backgroung-image: repeat-x;
  padding: 2px 2px 2px 2px;
  }

  ldww

  Flag

• instantok0

  try removing the outset style from the border?

  instantok 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• ldww0

  if i remove the outset, then the beveled edges will not show up

  ldww 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• gabriel20

  try giving the image a background color in addition to the background image

  gabriel2 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel