2017-06-02 74 views
1

我用油滑對我Github上的網頁添加一個轉盤使用油滑箭頭的顏色,但我有麻煩設置箭頭的顏色。默認情況下,箭頭是白色的,因爲我的背景是白色的,我儘量讓箭頭可見和黃通過更改在Github上頁

.slick-prev:before, 
 
    .slick-next:before { 
 
     color: yellow; 
 
    }

我只得到了yellow arrow,但我希望是一個yellow circle與裏面有一個白色的箭頭。

我不知道哪裏出了問題。非常感謝您的幫助。

+0

嘗試強制使用'.slick-prev :: before,.slick-next :: before {color:red!important; }' – PiLHA

+0

你希望你的顏色是白色的,你的背景顏色是黃色的(我認爲) – Pete

+0

看起來這是'slick'字體家族沒有加載或在某個點被破壞的問題。你看到的是'slick'字體家族無法加載時的後備。看到這裏:https://jsfiddle.net/51h1y90p/。在頂部滑塊中,我打破了字體族規則,並出現了奇怪的箭頭,但在最下面的一個滑塊中,它對黃色的顏色使用相同的規則可以正常工作。你的JavaScript或網絡控制檯中是否有404錯誤? –

回答

0

編輯:我剛剛看到上面的小提琴。如果設置font-familyinitial!important並添加color:yellow;那麼你的黃色背景將工作:

.slick-prev:before, 
.slick-next:before { 
    font-family:initial!important; 
    color:yellow; 
} 

(或者你可以選擇一個黃色variant

my fiddle

希望這有助於

+0

..所以無需安裝新字體.. –

+0

謝謝你瑞秋,但是當我刪除了字體,並添加FONT-FAMILY作爲初始在我的CSS,我的一切是一個單一的黃色箭頭,和一堆錯誤信息,告訴我缺少字體。在你的小提琴中,如果我刪除字體家族,結果是一樣的。 – yinkouya

+0

重點是使用字體家族初始...它恢復到光滑的字體!嘆息.. –