diff --git a/source/less/_base.less b/source/less/_base.less
index f7eaf95..92e0a95 100755
--- a/source/less/_base.less
+++ b/source/less/_base.less
@@ -298,11 +298,12 @@ li {
         .enable-trans();
         &:hover {
             border-left: 4px solid @theme-bg-quote;
-            border-right: 4px solid @theme-bg-quote;
-            border-radius: 8px;
             padding: 8px;
             background: fade(@theme-bg-quote, 10%);
         }
+        &:active {
+            border-left: 8px solid @theme-bg-quote;
+        }
     }
 }
 
diff --git a/source/less/_toc.less b/source/less/_toc.less
index a386d8f..00c4078 100755
--- a/source/less/_toc.less
+++ b/source/less/_toc.less
@@ -58,11 +58,14 @@
         font-size: @small-font-size;
         display: inline-block;
         border-left: 2px solid transparent;
-        &:hover,&:active,&.active{
+
+        &:hover{
             border-left: 4px solid @theme-bg-quote;
-            background: fade(@theme-bg-quote, 10%);
         }
-        &:hover{
+        &:active{
+            border-left: 8px solid @theme-bg-quote;
+        }
+        &.active{
             border-left: 4px solid @theme-bg-quote;
             background: fade(@theme-bg-quote, 10%);
         }
diff --git a/source/less/_widget.less b/source/less/_widget.less
index d30b80a..71f81a8 100755
--- a/source/less/_widget.less
+++ b/source/less/_widget.less
@@ -54,6 +54,9 @@
             border-left: 4px solid @theme-bg-quote;
             background: fade(@theme-bg-quote, 10%);
         }
+        &:active{
+            border-left: 8px solid @theme-bg-quote;
+        }
     }
 }
 .m_widget.about{