2012-04-17 16 views
0

我使用twitter bootstrap css中的一些组件,并将它们组合到一个自定义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; 

    } 
+0

您是否尝试过没有边框?可以填补它。 – mattytommo 2012-04-17 16:29:54

回答

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

+0

修好了,谢谢。班级和悬停之间的空间也影响着事物。谢谢你帮助我。这在过去的几个小时里一直让我疯狂。 – 2012-04-17 16:39:51

0

使用SRWare铁(铬,真的)检查,我看到元素具有三维指标padding: 10 10 11 4

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

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