gpt4 book ai didi

dart-polymer - 如何更改飞镖的核心图标按钮和纸图标按钮的大小?

转载 作者:行者123 更新时间:2023-12-03 20:22:01 25 4
gpt4 key购买 nike

是否有一个简单的 css 样式条目可以将 core-icon-button 的大小减半?

我正在用这些替换超棒的字体图标,目前图标的大小比文本大得多,所以我正在寻找一种方法来缩小它。

  <div horizontal layout>
<core-icon-button icon="add-circle"></core-icon-button>
<div horizontal layout center>Expand Entries</div>
</div>

理想情况下,我想缩小图标按钮内的图标并减少填充。

最佳答案

这就是我使用您的代码时的样子。

enter image description here

在包含 <core-icon-button> 的元素中使用此样式

  core-icon-button /deep/ core-icon[role=img] {
height: 12px;
width: 12px;
padding: 1px;
margin: 1px;
}

core-icon-button {
padding: 0 1px 1px 1px;
margin: 1px;
}

图标变得很小。我必须添加 [role=img]因为否则选择性太低无法生效。

关于dart-polymer - 如何更改飞镖的核心图标按钮和纸图标按钮的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25572437/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com