2012-05-14 62 views
0
  1. 如何在T-bootstrap圖標周圍設置邊框? css邊框屬性創建一個正方形並且不跟蹤圖標。如何在Twitter Bootstrap圖標周圍設置邊框?

  2. 如果該操作已經在Rails中完成,那麼更改圖標顏色的最佳方法是什麼?例如,我有一個用於「書籤」的星形圖標,它通常是淺灰色(儘管我希望它是帶有黑色邊框的白色),並且使用:hover css屬性變爲橙色。如果我想讓圖標永久橙色,如果用戶已經爲其添加書籤,我會使用CSS或紅寶石來確定顏色?

+0

引導程序圖標是一個方形圖像,除非您創建一組新的圖標,否則無法追蹤該邊框。至於你的第二點,你將不得不再次用你想要的顏色來創建你的自定義圖標,你不能用css來給它們着色。 –

回答

1

對於1. CSS沒有爲圖像pixell提供陰影或輪廓,只有box(因此box-shadow)。

使用腳本+一些圖像庫預處理服務器端的圖標圖像。

  1. CSS是更改項目顏色的最佳方法。只需添加一個自定義圖標類,如圖標橙色,然後使用此CSS圖標類而不是標準圖標類。

(同樣,預處理圖標到最有可能需要的黃色版本)。

+0

你是什麼意思預處理?那麼,我是否只有一個圖像已被追蹤和邊框應用,然後我是否會調用該圖像,還是每次我想要加載圖標時都會追蹤它? 對於2,我會在視圖中使用Ruby來確定將應用哪個圖標類? – kibaekr