css link no underline 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: remove underline from link css

a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

Example 3: css desactivate underline

text-decoration: none;

Example 4: html iframe no border

Example 5: how to not underline links in css

a {
    text-decoration: none;
}

Example 6: how to change hyperlink color in css

a {
  background-color: red;
  color: white;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}