css button remove border code example

Example 1: css button no style

button {
  background: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
}

button:hover {
  background: transparent;
  box-shadow: 0px 0px 0px transparent;
  border: 0px solid transparent;
  text-shadow: 0px 0px 0px transparent;
}

button:active {
  outline: none;
  border: none;
}

button:focus {
  outline: 0;
}

Example 2: css get rid of button outline on click

button:hover, button:focus {
  outline: none;
}

Example 3: how to remove button decoration

button {
    border: none;
}

button:focus {
    border: none;
    outline: none;
}

button:focus{
    outline:none !important;
}
(add !important if it is used in Bootstrap)

Example 4: remove button default border css

button:focus { outline: none; }

Example 5: removing the unwanted border button css

button,
button:active,
button:focus {
  outline: none;
}

Example 6: how to remove border on button click

.btnName{
	outline: none;
}