html - 有文件时删除边框
问题描述
我有图像输入的功能。当文件在该框中时,如何删除框边框?
HTML
<div class="col-md-6">
<div class="drop">
<div class="cont">
</div>
<div *ngIf="urls.length > 0">
<img [src]="urls[0]"><span class="delete" style="cursor: pointer;" (click)="delete(urls[0])">X</span>
</div>
<input type="file" id="files" multiple (change)="detectFiles($event)" accept="image/*">
</div>
<div class="U" *ngFor="let url of urls" >
<img [src]="url" style="width: 100%;"><span class="delete" style="cursor: pointer;" (click)="delete(url)"></span>
</div>
解决方案
你可以这样做:
<div class="drop" [style.border-width.px]="urls.length > 0 ? 0: 3">
你可以阅读 Angular 的备忘单,你会学到很多有趣的方法。
推荐阅读
- node.js - 从节点 js lambda 访问 s3 时访问被拒绝
- spring - Okta 生成不记名令牌
- go - 使用 go 将多行字符串写入 yaml 文件
- flutter - 在颤振地图(openstreet)中制作搜索地址但无法将相机移动到标记位置
- python - django 如何为模型 DecimalField 使用选项
- api - Matomo: 尝试通过 setDocumentTitle("testDirectory/testTitle"); 设置标题类别
- python - 我们如何通过在 tkinter ttk 小部件中定义新元素来创建新布局
- excel - IsNumeric 在 excel/vba 中针对不同的区域设置给出了意想不到的结果
- javascript - React:以 ref 作为道具有条件地渲染元素,有时 ref 会丢失
- javascript - 将自定义图标添加到 ":append-icon="value ? 'mdi-eye-off' : 'mdi-eye'" 在 v-text-field