草庐IT

字体图标

全部标签

javascript - 如何更改拉斐尔图标的大小?

如何从免费的Raphael图标更改图标的宽度和高度?我尝试使用attr,尝试使用%,像这样varpaper=Raphael("canvas",100%,100%);.我需要这样做:如果我更改父block的大小,我的图标的大小也会更改。upd:我尝试使用“scale”和“transform”,但图标从中心调整大小并且不能正确适应父级 最佳答案 根据Raphael.js文档varel=paper.rect(10,20,300,200);//translate100,100,rotate45°,translate-100,0el.tran

javascript - 将下拉菜单添加到 Chrome 扩展程序图标

我知道我可以将popup.html与扩展按钮上的点击相关联。但是,我希望它是一个菜单,就像单击Chrome自己的“自定义和控制GoogleChrome”按钮(位于扩展图标右侧)后弹出的菜单一样。我试着用谷歌搜索它,但似乎没有人在谈论它。我是否缺少有关Chrome扩展程序开发的任何常识? 最佳答案 你不能。您可以通过chrome.browserAction.onClicked注册点击但不显示UI,或者在弹出窗口中打开HTML页面。您可以将其样式设置为看起来像菜单,但它仍然不像native下拉菜单。请注意,您可以右键单击扩展按钮,但您到

javascript - 使用 Gulp 远程导入字体

所以我注意到我当前的Gulp设置没有导入远程字体,例如谷歌字体。在我的main.scss文件中我有:@importurl(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,700,700italic,400italic,900,900italic);当它编译缩小后看起来像这样:@font-face{font-family:Lato;font-style:normal;font-weight:100;src:local('LatoHairline'),local('Lato-Hairl

javascript - 带有图标的输入字段验证工作不顺利

当我的图标位于input-lg内部时,当我单击该字段时,它看起来像......我的意思是我的评论应该在这里,但它不应该使图标变大。我需要评论会出现,但在图标和输入lg字段之外。这是我的演示代码:$(document).ready(function(){$('#contact-form').validate({rules:{fullname:{minlength:4,required:true},username:{required:true,email:true},password:{minlength:8,required:true},confirm_password:{minlen

javascript - 悬停时更改 jQuery UI 的按钮图标 - 在 IE 和 Chrome 上损坏

我创建了一个jQueryUI按钮,想在mouseenter事件上添加一个“X”辅助图标,并在mouseleave事件上删除“X”。听起来很简单。$("#hover").button({icons:{primary:"ui-icon-tag"}}).hover(function(event){//hoverin$(this).button("option","icons",{primary:"ui-icon-tag",secondary:"ui-icon-close"});},function(event){//hoverout$(this).button("option","icons

javascript - 如何让这个字体选择器在带有选项卡的 Bootstrap 模式中正确显示

我正在使用找到的字体选择器here.我把它放在模态里,效果很好。现在,我已将选项卡导航放在模式中,但字体选择器无法正确显示。(第一个模式的按钮损坏了。第二个模式的按钮是同一事物的示例,但没有选项卡式导航。)我设置了style="overflow-y:visible;max-height:500px;"在这两种情况下。MyFiddle$(document).ready(function(){$('select#fonts1').fontSelector({});$('select#fonts2').fontSelector({});});Fontpickerw/modalandtabbe

javascript - 占位符上的 Select2 Font Awesome 图标

如何在Select2的占位符文本前添加FontAwesome。这是我的Select2选项代码:varplaceholder=""+"Selectaplaces";$(".select2").select2({placeholder:placeholder,width:null});这是我的HTML代码:ABC谢谢。 最佳答案 在Select2选项之间声明escapeMarkup函数,然后使用“搜索”图标代码(您可以在Font-AwesomeCheatsheet页面中找到它)作为placeholder:$(function(){var

javascript - 在预输入框中添加图标

HTML代码-TypeaheadJS代码-varbestPictures=newBloodhound({datumTokenizer:Bloodhound.tokenizers.obj.whitespace('value'),queryTokenizer:Bloodhound.tokenizers.whitespace,prefetch:'http://localhost/api/currency.php',});$('#custom-templates.typeahead').typeahead(null,{name:'best-pictures',display:'value',s

javascript - GMAIL 如何有一个显示未读邮件数的图标?

这个问题在这里已经有了答案:Changingwebsitefavicondynamically(18个答案)关闭6年前。Chrome中的GMAIL有一个显示未读邮件数的图标。有谁知道他们是怎么做到的?那是他们改变图像吗?或者是否有允许您在图标附近设置数字的属性?谢谢

javascript - 如何在 Ext.Panel 标题中放置文本和可点击图标?

我想在面板的标题中放置文本和可点击的图标,如下所示:我找到了一些oldhacksfrom2008todothis,但可以想象,较新版本的ExtJS允许您以更直接的方式将文本和图标放在面板标题中。在Ext.Panel标题中放置文本和可点击图标的最直接方法是什么?附录感谢@Stefan的工作,这是我的解决方案:Javascript:vargrid_shopping_cart=newExt.grid.GridPanel({headerCfg:{tag:'div',cls:'x-panel-header',children:[{tag:'div',cls:'panel_header_main'