如何在Twitter Bootstrap Icon周围设置边框?

时间:2012-05-14 10:50:38

标签: ruby-on-rails css icons twitter-bootstrap border

  1. 如何在T-bootstrap图标周围设置边框? css border属性创建一个正方形,不会跟踪图标。

  2. 如果已在Rails中完成操作,更改图标颜色的最佳方法是什么?例如,我有一个“书签”的星形图标,它通常为浅灰色(虽然我希望它是带有黑色边框的白色),并使用:hover css属性变为橙色。如果我想让图标永久为橙色,如果用户已将其加入书签,我会使用css或ruby来确定颜色吗?

1 个答案:

答案 0 :(得分:1)

For 1. CSS不会为图像像素提供阴影或轮廓,只有盒子(因此是盒子阴影)。

使用脚本+某些图像库在服务器端预处理图标图像。

  1. CSS是更改项目颜色的最佳方式。只需添加一个自定义图标类,如icon-orange,然后使用此CSS图标类而不是标准图标。
  2. (同样,将图标预处理为最需要的黄色版本)。