fix menu style, close #1347

components/menu/demo/horizontal.md

@@ -27,7 +27,6 @@ const App = React.createClass({
     return (
       <Menu onClick={this.handleClick}
         selectedKeys={[this.state.current]}
-        theme={this.state.theme}
         mode="horizontal">
         <Menu.Item key="mail">
           <Icon type="mail" />导航一

components/menu/demo/theme.md

@@ -66,4 +66,3 @@ const Sider = React.createClass({
 });
 ReactDOM.render(<Sider />, mountNode);
 ````
-

style/components/menu.less

@@ -121,6 +121,10 @@
     &.@{menu-prefix-cls}-submenu-disabled {
       color: #999 !important;
       cursor: not-allowed;
+      > a {
+        color: #999 !important;
+        pointer-events: none;
+      }
     }
   }
 
@@ -302,16 +306,18 @@
 
   &-dark&-horizontal > &-item,
   &-dark&-horizontal > &-submenu {
-    border-bottom: 0;
-    top: 0;
+    border-color: #404040;
   }
 
   &-dark&-horizontal > &-item-active,
   &-dark&-horizontal > &-item-selected,
   &-dark&-horizontal > &-submenu:hover,
   &-dark&-horizontal > &-submenu &-submenu-title:hover {
-    color: #fff;
-    transform: translateZ(0);
+    &,
+    & > a {
+      color: #fff;
+      transform: translateZ(0);
+    }
   }
 
   &-dark &-item > a {
@@ -341,6 +347,7 @@
   }
 
   &-dark &-item-active,
+  &-dark &-submenu-active,
   &-dark &-submenu-title:hover {
     background-color: transparent;
     color: @primary-color;