10

当 a<blockquote>出现在我的 div 中时，我想覆盖它，以便它使用 FontAwesome icon-quote-left，而不是border-left: 5px rgb....它现在使用的值。

如何仅使用 CSS 来做到这一点？

我不想使用 JS——因为它给页面增加了太多的负载。

4

2 回答 2

14

您可以使用 CSS 伪元素来做到这一点。这是一个 JSFiddle 来演示：http: //jsfiddle.net/cvADH/

/* Override the bootstrap style */
blockquote {
    border-left: none;
}

/* Insert the pseudo element - replicating what FontAwesome does */
blockquote:before {
    content: "\f10d"; 
    font-family: FontAwesome;
    float: left;
    margin-right: 10px;
}
于 2013-04-01T00:39:15.273 回答
0

抱歉，在 iPad 上无法给出准确的答案，但逻辑是打开引导 CSS 找到声明 blockqote 图标的确切位置，并用你的适当 CSS 覆盖它，这可能会解决类似禁用的问题引导样式背景图像/位置，切换字体系列，并可能添加一个内容：'char'，它注入与字体真棒字符相对应的字符。

更新：在这里查看它是如何完成的

字体真棒

.icon-glass:before { content: "\f000"; }

https://github.com/malarkey/320andup/blob/master/less/font-awesome.less

引导带

.icon-glass { background-position: 0 0; }

https://github.com/twitter/bootstrap/blob/master/less/sprites.less

于 2013-03-31T22:46:10.493 回答