草庐IT

awesome-emulators

全部标签

html - CSS 图标 : Cannot remove top and bottom padding (font awesome)

这是我的fiddle:http://jsfiddle.net/schmudde/VeA6B/我无法删除超赞字体图标两侧的顶部和底部填充:span{border:1pxsolidred;line-height:40%;}i{border:1pxsolidgreen;padding:0px;margin:0px;display:inline-block;width:auto;height:auto;line-height:inherit;vertical-align:baseline;background-color:red;}我尝试过特定的行高和继承的行高。这里有一些基本的东西我显然不理

html - 如何将 Font Awesome 图标添加到 <input> 按钮中?

我正在尝试添加带有FontAwesome图标。我可以使用超链接或按钮来实现这一点,但如果我沿着这条路走下去,我需要使用jQuery/JS来清除表单,我暂时试图避免这种情况。我很好奇是否有可能达到相同的结果。请参阅JSFiddle明白我的意思。InputReset:ClearButton:ClearAnchor:Clear如果没有其他方法,我将实现一个jQuery解决方案。 最佳答案 是自闭标签,里面不允许有任何其他元素。以下是将其作为内联图标的所有3种可能选项。JsFiddledemo1.包裹和按钮变成标签,带有一些自定义样式。sp

html - 如何将 Font Awesome 图标添加到 <input> 按钮中?

我正在尝试添加带有FontAwesome图标。我可以使用超链接或按钮来实现这一点,但如果我沿着这条路走下去,我需要使用jQuery/JS来清除表单,我暂时试图避免这种情况。我很好奇是否有可能达到相同的结果。请参阅JSFiddle明白我的意思。InputReset:ClearButton:ClearAnchor:Clear如果没有其他方法,我将实现一个jQuery解决方案。 最佳答案 是自闭标签,里面不允许有任何其他元素。以下是将其作为内联图标的所有3种可能选项。JsFiddledemo1.包裹和按钮变成标签,带有一些自定义样式。sp

html - 在 anchor 文本上保留下划线,但不在 anchor 中的 Font Awesome 图标上

我有以下标记:Feedback悬停时,我希望文本带有下划线,但字体超棒的图标不会。我知道你可以在图标上做“文本装饰:无”(有效)但是当你将鼠标悬停在文本部分时它仍然会在图标上添加下划线。有什么想法吗?http://jsfiddle.net/ZZEQd/ 最佳答案 我发现了一种不需要额外span标签的方法,它适用于我尝试过的所有浏览器(FF/Chrome/Safari/Opera)...除了IE8(我也没有在IE9或10中测试过)。只需将图标声明为display:inline-block,悬停时不再有下划线。示例:http://jsf

html - 在 anchor 文本上保留下划线,但不在 anchor 中的 Font Awesome 图标上

我有以下标记:Feedback悬停时,我希望文本带有下划线,但字体超棒的图标不会。我知道你可以在图标上做“文本装饰:无”(有效)但是当你将鼠标悬停在文本部分时它仍然会在图标上添加下划线。有什么想法吗?http://jsfiddle.net/ZZEQd/ 最佳答案 我发现了一种不需要额外span标签的方法,它适用于我尝试过的所有浏览器(FF/Chrome/Safari/Opera)...除了IE8(我也没有在IE9或10中测试过)。只需将图标声明为display:inline-block,悬停时不再有下划线。示例:http://jsf

html - Font Awesome 图标并不总是显示在最新的谷歌浏览器版本 32.0.1700.76 m

我使用的是最新的谷歌浏览器。它一发布,我就注意到一些FontAwesome图标无法正确显示。相反,我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后,这也不会改变。当我将鼠标悬停在它们上方时,图标就会出现。这可以通过转到以下URL查看:http://fontawesome.io/icons/有没有其他人注意到这一点。我认为它会影响所有拥有新浏览器的人。请注意,有一天它可以正常工作并显示所有图标,第二天有一些我看不到的图标。也许这是时间问题。我的连接速度相当慢。 最佳答案 问题似乎与某些chrome扩展有关。在我的例子中,我禁

html - Font Awesome 图标并不总是显示在最新的谷歌浏览器版本 32.0.1700.76 m

我使用的是最新的谷歌浏览器。它一发布,我就注意到一些FontAwesome图标无法正确显示。相反,我只看到一个方框。即使在所有页面都已加载并且我等待一分钟后,这也不会改变。当我将鼠标悬停在它们上方时,图标就会出现。这可以通过转到以下URL查看:http://fontawesome.io/icons/有没有其他人注意到这一点。我认为它会影响所有拥有新浏览器的人。请注意,有一天它可以正常工作并显示所有图标,第二天有一些我看不到的图标。也许这是时间问题。我的连接速度相当慢。 最佳答案 问题似乎与某些chrome扩展有关。在我的例子中,我禁

html - 在 Chrome 中刷新后,Font Awesome 图标消失

Bootstrap版本3FontAwesome版本3.2.1我在使用Chrome上的Bootstrap和超赞字体时遇到问题。当我最初加载页面时,字体很棒的图标显示正确。当我刷新页面时,图标消失了。**澄清一下,整个图标都不见了,这不是其他人遇到的空框问题。我在这里捕获了救命稻草,但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异。当页面刷新时,字体文件是最后一个要检索的元素,而且它似乎也是一个缓存版本。最后,所有位于内的图标将在鼠标悬停在div上时加载.如有任何帮助,我们将不胜感激!初始页面加载页面刷新 最佳答案 我猜你在Wi

html - 在 Chrome 中刷新后,Font Awesome 图标消失

Bootstrap版本3FontAwesome版本3.2.1我在使用Chrome上的Bootstrap和超赞字体时遇到问题。当我最初加载页面时,字体很棒的图标显示正确。当我刷新页面时,图标消失了。**澄清一下,整个图标都不见了,这不是其他人遇到的空框问题。我在这里捕获了救命稻草,但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异。当页面刷新时,字体文件是最后一个要检索的元素,而且它似乎也是一个缓存版本。最后,所有位于内的图标将在鼠标悬停在div上时加载.如有任何帮助,我们将不胜感激!初始页面加载页面刷新 最佳答案 我猜你在Wi

javascript - Font-Awesome 图标,带有 onclick 事件集

我正在尝试使用以下FontAwesome图标作为我页面上列表中元素旁边的删除图标,如下所示:Item1delete-iconItem2delete-icon单击其中一个图标我需要运行JavaScript函数...我应该用什么html元素来包装图标?我注意到,当我使用anchor标记时,它会变成蓝色,而当我使用按钮时,它最终会被包裹在按钮中。还有其他选择吗?本质上我想这样做或者这个但只显示图标,没有任何修改。没有蓝色,也没有包裹在按钮内。 最佳答案 只需将div标签或span标签与onclick一起使用或