Question

这是我的角度模板代码：

<DataGrid x:Name="_table" AutoGenerateColumns="False">
    <DataGrid.Columns>
        <DataGridTextColumn Header="Databases" Binding="{Binding Value}" />
    </DataGrid.Columns>
</DataGrid>

类＆＃34;指针光标＆＃34;很简单：

   <!-- Modal -->
   <ng-template #levelsmodal let-c="close" let-d="dismiss">
        <div class="modal-header">
         Select the levels you want to show in the table and chart
        </div>
        <div id="segments-modal" class="modal-body">
          <div class="row margin" *ngFor="let level of config?.data?.groups; let i = index" (click)="selectLevel(level)">
                <div  class="colorspan" [style.backgroundColor]="level.active ? colors[i] : 'gray'" class="colorspan">
                </div>
                <span class="level-labels pointer-cursor" [innerHTML]="getLabel(level)" ></span> 
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-success" (click)="c()">Close</button>
        </div>
      </ng-template>

z-index只是为了尝试而添加，如果它可以产生一些差异，但它并没有。我也尝试将这个类应用于其他部分，比如包装div等，但它只是不起作用。我一直看到正常的＆＃34;文本光标＆＃34;而不是指针...

有人知道为什么会这样吗？

Answer 1

试试

::ng-deep .pointer-cursor{
   cursor: pointer !important; 
z-index: 500;
}

修改 ::ng-deep组合子（https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep）确保定义的样式适用于组件的所有子元素，而不仅仅是组件直接创建的元素。

由于要在ng-template标记内设置样式的元素（因此它不直接属于该组件），您需要使用它来设置其元素的样式

＆＃34;光标：指针＆＃34;根本就没有工作

1 个答案: