diff --git a/packages/core/src/components/button/button.scss b/packages/core/src/components/button/button.scss
index b6f1607a81..7789f9efa4 100644
--- a/packages/core/src/components/button/button.scss
+++ b/packages/core/src/components/button/button.scss
@@ -30,6 +30,7 @@ $button-round-border-radius:      64px !default;
 
   border: 0;
 
+  text-decoration: none;
   text-overflow: ellipsis;
   text-transform: none;
 
diff --git a/packages/core/src/components/button/button.tsx b/packages/core/src/components/button/button.tsx
index 90fbca6767..c55deee1d0 100644
--- a/packages/core/src/components/button/button.tsx
+++ b/packages/core/src/components/button/button.tsx
@@ -109,7 +109,7 @@ export class Button {
     };
 
     return (
-      <TagType class={buttonClasses} disabled={this.disabled}>
+      <TagType class={buttonClasses} disabled={this.disabled} href={this.href}>
         <span class='button-inner'>
           <slot name='icon-only'></slot>
           <slot name='start'></slot>
diff --git a/packages/core/src/components/button/test/anchor/e2e.js b/packages/core/src/components/button/test/anchor/e2e.js
new file mode 100644
index 0000000000..aba92f0dc3
--- /dev/null
+++ b/packages/core/src/components/button/test/anchor/e2e.js
@@ -0,0 +1,7 @@
+const { register, navigate } = require('../../../../../scripts/e2e');
+
+describe('button: anchor', () => {
+
+  register('navigates', navigate('http://localhost:3333/src/components/button/test/anchor'));
+
+});
diff --git a/packages/core/src/components/button/test/anchor/index.html b/packages/core/src/components/button/test/anchor/index.html
new file mode 100644
index 0000000000..09c642a63c
--- /dev/null
+++ b/packages/core/src/components/button/test/anchor/index.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title>Button - Anchor</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <script src="/dist/ionic.js"></script>
+</head>
+<body>
+  <ion-app>
+    <ion-page>
+        <ion-header>
+          <ion-toolbar>
+            <ion-title>Button - Anchor</ion-title>
+          </ion-toolbar>
+        </ion-header>
+
+        <ion-content padding no-bounce>
+          <p>
+            <ion-button href="#">Default</ion-button>
+            <ion-button href="#" class="activated">Default.activated</ion-button>
+          </p>
+          <p>
+            <ion-button href="#" color="primary">Primary</ion-button>
+            <ion-button href="#" color="primary" class="activated">Primary.activated</ion-button>
+          </p>
+          <p>
+            <ion-button href="#" color="secondary">Secondary</ion-button>
+            <ion-button href="#" color="secondary" class="activated">Secondary.activated</ion-button>
+          </p>
+          <p>
+            <ion-button href="#" color="danger">Danger</ion-button>
+            <ion-button href="#" color="danger" class="activated">Danger.activated</ion-button>
+          </p>
+          <p>
+            <ion-button href="#" color="light">Light</ion-button>
+            <ion-button href="#" color="light" class="activated">Light.activated</ion-button>
+          </p>
+          <p>
+            <ion-button href="#" color="dark">Dark</ion-button>
+            <ion-button href="#" color="dark" class="activated">Dark.activated</ion-button>
+          </p>
+          <p>
+            <ion-button href="#" disabled>Disabled</ion-button>
+          </p>
+        </ion-content>
+    </ion-page>
+  </ion-app>
+</body>
+</html>
diff --git a/packages/core/src/components/button/test/icon/index.html b/packages/core/src/components/button/test/icon/index.html
index f0e96413af..da43518133 100644
--- a/packages/core/src/components/button/test/icon/index.html
+++ b/packages/core/src/components/button/test/icon/index.html
@@ -23,7 +23,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button href="./">
+            <ion-button href="#">
               <ion-icon name="home" slot="start"></ion-icon>
               Left Icon
             </ion-button>
@@ -35,7 +35,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button href="./">
+            <ion-button href="#">
               <ion-icon name="star" slot="end"></ion-icon>
               Right Icon
             </ion-button>
@@ -46,7 +46,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button href="./">
+            <ion-button href="#">
               <ion-icon name="flag" slot="icon-only"></ion-icon>
             </ion-button>
           </p>
@@ -57,7 +57,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button size="large" href="./">
+            <ion-button size="large" href="#">
               <ion-icon name="help-circle" slot="start"></ion-icon>
               Left, Large
             </ion-button>
@@ -69,7 +69,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button size="large" href="./">
+            <ion-button size="large" href="#">
               <ion-icon name="settings" slot="end"></ion-icon>
               Right, Large
             </ion-button>
@@ -80,7 +80,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button size="large" href="./">
+            <ion-button size="large" href="#">
               <ion-icon name="heart" slot="icon-only"></ion-icon>
             </ion-button>
           </p>
@@ -91,7 +91,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button size="small" href="./">
+            <ion-button size="small" href="#">
               <ion-icon name="checkmark" slot="start"></ion-icon>
               Left, Small
             </ion-button>
@@ -103,7 +103,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button size="small" href="./">
+            <ion-button size="small" href="#">
               <ion-icon name="arrow-forward" slot="end"></ion-icon>
               Right, Small
             </ion-button>
@@ -114,7 +114,7 @@
             </ion-button>
           </p>
           <p>
-            <ion-button size="small" href="./">
+            <ion-button size="small" href="#">
               <ion-icon name="search" slot="icon-only"></ion-icon>
             </ion-button>
           </p>
