2015-08-25 250 views
3

我正在使用一些geomicons並需要更改顏色。更改顏色geomicons

例如,對於<span class='geomicon-info-alt'/>,我得到一個黑色圓圈黑色字母它在白色背景。

original image

我想將其更改爲白色黑色圈的背景是這樣的:

expected

但是,如果我只是做color: white; background-color: black,我會得到像下面一樣的方形黑色背景。

enter image description here

任何一個可以給我就如何解決它的一些建議嗎? 謝謝,

更新 我試圖border-radius: 50%如在下面的評論建議。它好多了,但左邊還有一點黑色。

enter image description here

+2

您可以用'邊界半徑:50%' –

+0

更好檢查'geomicon-info-alt'類並根據那個 –

+0

進行自定義啊,我一直在嘗試'radius:50%'並且想知道爲什麼它不起作用:('border-radius' does do訣竅,雖然左邊還是黑色的,你知道如何擺脫它嗎?如果你說'檢查geomicon-info-alt類',你指的是哪個源?謝謝 – chepukha

回答

0

應用這個CSS,你可以得到的輸出。

.geomicon-info-alt { 
    color:#ffffff; 
    background:black; 
    border-radius:50%; 
    border:0; 
} 

注: 如果heightwidth相同比使用border-radius:50%否則手動更改border-radius值以獲得所需的輸出..

1

請嘗試以下CSS

.geomicon-info-alt { 
    color:#fff; 
    background:grey; 
    border-radius:50px; 
    border:0; 
} 
+0

是的,我試過了。請看我的更新。你知道如何擺脫在邊緣的黑色/灰色? – chepukha

+0

我已經提出了你的答案,但自從Amit首先回應,我會拭目以待他是否會將他的評論作爲答案。謝謝 – chepukha