控制角度 mfb 菜单的边距和图标
Controlling margins and icon for angulars mfb-menu
我是angularJs和Web应用程序开发的新手。只是试图理解角度的浮动按钮及其属性(http://nobitagit.github.io/ng-material-floating-button/(。这是相同的小[plunkr][1]
(http://plnkr.co/edit/4eFxqSg21U5ZR5H59rdK?p=preview
(。我正在尝试修改 plunkr 以实现上述目标。
1.调整按钮垂直度的因素
2.添加自定义PNG而不是"ion-ios-star"的方法
为了控制dstance,我尝试更改边距,因为它从未成功,并且控制图标我仍然不知道。
请求一些指导
跟踪 - 1 个修改 mfb.css
list-style: none;
margin: 0;
padding: 0; }
.mfb-component__list > li {
display: block;
position: absolute;
top: 0;
right: 1px;
padding: 30px 0; //changed padding from 0 - 60 does not give any effect
margin: -10px 0;
// (From 0 to 60*) Yes it had effect on distance between main menu and first child element.
//However, none of the other available give margin in the class is giving effect
}
-
每个
<li>
元素之间的垂直距离由以下 css 选择器处理。.mfb-component__list > li
这意味着选择作为.mfb-component__list
类子级的所有<li>
元素。您可以更改该选择器的填充和边距,以更改图标之间的垂直间距。 -
可以通过将
.ion-ios_##
类换成您自己的自定义字形图标或 css 类来删除 plunkr 中内置的字形图标。您可以在此处使用背景图像来设置自定义 png。或者您甚至可以在 HTML 中嵌入和图像。
相关文章:
- 可以'点击汉堡包图标后,菜单无法正常打开
- 通过单击同一图标使菜单出现和消失
- 引导菜单图标更改为 X 关闭
- 创建一个CSS下拉菜单,其中包含从搜索图标弹出的搜索框
- 单击时如何更改汉堡菜单图标
- CKEDITOR 4:如何重用上下文子菜单中已经可用的图标
- 在图标上显示上下文菜单
- 增加 MD 菜单中的 MD 图标大小
- 如何阻止我的汉堡图标停留在顶部栏上,使其与侧边菜单一起显示
- 关闭下拉菜单的角度图标
- 菜单图标位置不同
- 使用jQuery下拉菜单更改谷歌地图图标
- 将图标添加到TinyMCE自定义菜单
- 如何在小屏幕上粘贴带有菜单切换的通知图标,在大屏幕上粘贴右侧
- 菜单图标动画jQuery
- 控制角度 mfb 菜单的边距和图标
- 离子改变侧面菜单图标悬停和激活
- 棱角材质:当侧边折叠时显示菜单图标
- 推特下拉菜单——由图标而不是按钮触发
- 如何在社交菜单栏添加图标