Question

我一直在尝试使用不同的方法制作Spry菜单栏，我也找到了一种方法，使其行为类似于Visual Studio Express 2012程序Web安装程序，其中边框变为蓝色。到目前为止，我能够做到这一点的唯一方法是为此添加“突出显示”行为，但这只是我需要的边缘。我要做的是更改突出显示的属性以突出显示“BORDER”而不是Backgroundcolor，它有一个选项。

我得到的错误：

此行为只能影响具有ID的元素。请单击取消，并使用Property Inspector或Code视图为元素提供ID。此操作不会添加到您的文档中。

这是我编写的Spry菜单栏的编码。

<ul class="MenuBarVertical" id="MenuBar1">
    <li class="MenuBarSubmenuVisible" id="Home" onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" name="Home">
      <div align="center"><a href="Index.html">Home Page </a></div>
      </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Aboutus">
      <div align="center"><a href="#">About Us</a></div>
      </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Downloads">
      <div align="center"><a href="#">Downloads</a>            </div>
      </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false)" id="Forums">
      <div align="center"><a href="#">Forums</a></div>
    </li>
    <li onmouseover="MM_effectHighlight(this, 500, '#CCCCCC', '#00CCFF', '#00CCFF', false) id="Untitled">
      <div align="center"><a href="#">Untitled Item</a></div>
    </li>
  </ul>

我需要的是更改ID值或错误所说的内容，因此我可以将该选项更改为“边框”，这样我就能过上幸福的生活..有没有人知道答案？< / p>

抱歉没有照片，我有他们......但垃圾邮件预防让我...   我没有10个代表点。

Answer 1

你可以使用CSS来做到这一点。在菜单 ul 的顶部放置：

<style>
li:hover {
border: 2px solid #10CA00;
}
</style>

您可以更改颜色（＃10CA00）和尺寸（2px）

如果这不起作用，请尝试：

<style>
    li:hover {
    border: 2px solid #10CA00;
    display : block;
    height: 50px;
    padding : 5px;
    margin : 10px;
  width: 100px;
    }
    </style>

您可以更改任何这些属性的值，并删除不需要的属性

HTML，CSS等（更改Spry菜单栏行为的属性。）

1 个答案: