Question

我是css和html的新手，我的菜单有问题。这是我的代码 http://jsfiddle.net/VrG2C/9/ 这在firefox中正常工作但对chrome没什么问题我认为边框颜色没有正确定义。但我不知道如何解决它。

CSS

#cssmenu > ul > li:first-child > a {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: url("http://cssmenumaker.com/sites/default/files/menu/273/pattern.png") repeat scroll left top rgba(0, 0, 0, 0);
border-color: #818176 -moz-use-text-color -moz-use-text-color;
border-image: none;
border-radius: 3px 3px 0 0;
border-right: medium none;
border-style: solid none none;
border-width: 1px medium medium;
font-family: 'Ubuntu',sans-serif;
font-size: 18px;
font-weight: 300;
padding: 15px 10px;
text-align: center;
text-shadow: 0 -1px 1px #000000;
}

HTML

<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
   <ul>
     <li><a href='#'><span>SS</span></a></li>
     <li class='last'><a href='#'><span>Product 2</span></a></li>
   </ul>
   </li>
   <li><a href='#'><span>About</span></a></li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>

我的错误在哪里？我该如何解决？

...谢谢

Answer 1

border-color: #818176;

取出：

-moz-use-text-color -moz-use-text-color

如果您取出该部分，则边框颜色将正确应用。

jsfiddle.net/VrG2C/10

菜单边框颜色在chrome中定义

1 个答案: