2012-04-17 59 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定義開始。