我想将输入框的宽度设置为80%,但是每当我将其更改为%时,它就无法工作。
我的HTML代码:
<div class="todo">
<div class="content">
<div class="b2">
Ends:<input class="finishDate" [(ngModel)]="toDo$.finishDate">
<mat-divider></mat-divider>
</div>
</div>
</div>
我的待办事项组件的完整css。
@media screen and (min-width: 500px) {
.todo {
display:flex;
}
}
.b1 input[type=text]{
text-decoration: underline#334A5A ;
text-transform: uppercase;
font-weight:bold;
font-size:19px;
font-family: 'Old Standard TT', serif;
color:#0C1824;
}
input {
border:none;
outline: none;
width:100%;
box-sizing:border-box;
}
.delete {
text-align:center;
}
.todo .content .b2 input{ width:100%; }
怎么办? - Shihab