边框宽度有问题。我有填充11和行高21px 11+21= 43和边框1px,高度应该是43+2=45,但我只有44.45
我的边界变成了0.727(模拟中是0.8),我不明白为什么会这样。外部div显示:block这个输入显示:inline-block;
.max-w-\[96px] {
max-width: 96px;
}
.new-trade__input-group {
display: block;
}
.input-text {
display: inline-block;
box-sizing: border-box;
width: 100%;
border-radius: 0.375rem;
border-width: 1px;
border-color: transparent;
--tw-boder-opacity: 1;
border-color: rgb(230 232 233 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(230 232 233 / var(--tw-border-opacity));
padding-top: 11px;
padding-bottom: 11px;
padding-top: 11px;
padding-left: 1rem;
padding-right: 1rem;
font-size: .875rem;
font-weight: 500;
line-height: 150%;
--tw-text-opacity: 1;
color: rgb(15 34 42 / var(--tw-border-opacity));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-duration: 300ms;
}
<div _ngcontent-tav-c253 class="new-trade__input-group w-2/6"><input _ngcontent-tav-c253 type="text" placeholder="Days" onlynumbers class="input-text input-text--darken max-w-[96px] ng-untouched ng-pristine ng-valid" ng-reflect-is-disable="false">
</div>