Question

html的

<ion-icon name="add" role="img" class="icon icon-md ion-md-add" 
       aria-label="add" ng-reflect-name="add"></ion-icon>

.scss

ion-icon{
  padding:0;//I have done so far.But how can I get the `name` attribute here?
}

我需要为name ="add"元素中的属性ion-icon指定样式。你可以帮我吗？

Answer 1

在您的css中，尝试使用此代码调用icon类，其属性为name，等于add值。

CSS

 .icon[name="add"]{
     padding:0;
  }

Answer 2

您已经创建了一个不存在的离子图标html元素。如果将其添加到类声明中，则可以设置该类的样式，不需要任何属性选择器：

＆＃13;

.ion-icon{
  padding:0;
  color: red;
  font-style: normal;
}

＆＃13;

<i class="ion-icon icon icon-md ion-md-add" name="add" role="img" aria-label="add" ng-reflect-name="add">icon here</i>

＆＃13;

Answer 3

＆＃13;

[name="add"] {
  color: red;
}

＆＃13;

<ion-icon name="add" role="img" class="icon icon-md ion-md-add" aria-label="add" ng-reflect-name="add">Hello World</ion-icon>

＆＃13;