Question

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

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

我已经应用了以下额外的CSS，但对于.signinbox_left：由于某种原因悬停，悬停框比周围的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;

    }

Answer 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之间没有空格。

Answer 2

使用SRWare Iron（Chrome，真的）检查器，我看到该元素具有维度指标padding: 10 10 11 4。

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

我从那个.topbar定义开始。

无法弄清楚正在应用/继承哪个css属性

2 个答案: