Breaking News: Grepper is joining You.com. Read the official announcement!

Link design like a Button"

Add Answer

Misty Moose answered on June 12, 2021 Popularity 9/10 Helpfulness 6/10

answer Link design like a Button"

related How to create an HTML button that acts like a link

Link design like a Button"

Comment

-1

.button {
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #EEEEEE;
  color: #333333;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
}

<a href="#" class="button">Example</a>

Popularity 9/10 Helpfulness 6/10 Language css

Source: stackoverflow.com

Tags: css

Link to this answer
Share Copy Link

Contributed on Jun 12 2021

Misty Moose

0 Answers Avg Quality 2/10

Closely Related Answers

How to create an HTML button that acts like a link

Comment

<!-- VIA HTML -->

<form action="https://google.com">
    <input type="submit" value="Go to Google" />
</form>

<!-- VIA CSS -->

<a href="https://google.com" class="button">Go to Google</a>
a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
}


<!-- VIA JAVASCRIPT -->

<input type="button" onclick="location.href='https://google.com';" value="Go to Google" />

Popularity 10/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Apr 03 2022

Smoggy Skimmer

0 Answers Avg Quality 2/10

button looks like a link

Comment

button.link {
  display: inline-block;
  position: relative;
  background-color: transparent;
  cursor: pointer;
  border: 0;
  padding: 0;
  color: #00f;
  text-decoration: underline;
  font: inherit;
}

Popularity 9/10 Helpfulness 4/10 Language css

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jun 11 2022

Daniel Trindade

0 Answers Avg Quality 2/10

how to make a button like a link

Comment

button {
  background: none!important;
  border: none;
  padding: 0!important;
  /*optional*/
  font-family: arial, sans-serif;
  /*input has OS specific font-family*/
  color: #069;
  text-decoration: underline;
  cursor: pointer;
}

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 11 2022

Awful Ant

0 Answers Avg Quality 2/10

Link design like a Button"

Contents

More Related Answers

Link design like a Button"

Closely Related Answers

How to create an HTML button that acts like a link

button looks like a link

how to make a button like a link

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.