ruby-on-rails - 如何在 Twitter Bootstrap 图标周围设置边框？

Question

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

2. 如果操作已经在 Rails 中完成，那么更改图标颜色的最佳方法是什么？例如，我有一个“书签”的星形图标，它通常是浅灰色的（尽管我希望它是带有黑色边框的白色），并且使用 :hover css 属性变成橙色。如果用户已经为其添加了书签，我想让图标永久变为橙色，我会使用 css 还是 ruby​​ 来确定颜色？

Answer 1

对于 1. CSS 不会为图像像素提供阴影或轮廓，只有框（因此框阴影）。

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

1. CSS 是更改项目颜色的最佳方式。只需添加一个自定义图标类，如 icon-orange，然后使用此 CSS 图标类而不是标准图标类。

（同样，最有可能需要将图标预处理为黄色版本）。