0

我正在使用来自 twitter bootstrap css 的一些组件，并已组合成一个自定义 css 文件。

我主要使用与工具栏相关的组件并设置了工具栏。

我应用了以下额外的 css，但是对于 .signinbox_left: hover 由于某种原因，悬停框比周围的 li 大得多。我已经尝试了边距、填充和高度的组合来让它工作，但似乎有一些我无法理解的 css 属性正在应用。此外，我不知道如何覆盖此属性。

这是托管示例：http ://dl.dropbox.com/u/3417415/Toolbar/toolbar.html

这是未按预期方式工作的 css。将鼠标悬停在“创建帐户”上以了解我的意思。

.signinbox_left :hover{

    background-color: red;
    float:right;
    position:relative;
    -moz-border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -khtml-border-radius: 8px 0px 0px 8px;
    border-radius: 8px 0px 0px 8px;

    }
4

2 回答 2

1

尝试这个。移除浮子和位置。

.signinbox_left:hover{

  background-color: red;
  -moz-border-radius: 8px 0px 0px 8px;
  -webkit-border-radius: 8px 0px 0px 8px;
  -khtml-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;

}

请注意，类和 :hover 之间没有空格。

于 2012-04-17T16:35:42.010 回答
0

使用 SRWare Iron (Chrome，真的) 检查器，我看到该元素具有 Dimension metrics padding: 10 10 11 4。

在 css 中有一个.topbar div > ul a, .nav a带有实际定义的定义padding: 10px 10px 11px;（toolbar.css 第 14 行）。禁用该行会使元素适当地缩小。

我将从那个 .topbar 定义开始。

于 2012-04-17T16:35:40.930 回答