uniapp 修改ios input输入框在safari浏览器上 有黄色背景

发布时间 2023-05-08 11:13:46作者: 晨曦_yuan小海
<input class="codeInputClass" v-model="state.code" type="number"    placeholder="请输入验证码" @input="codeInput"
placeholder-class="placeholderClass" maxlength="6"  />
View Code
<style>
    ::v-deep .uni-input-input[type='number'] {
        -webkit-box-shadow: 0 0 0 100rpx transparent inset !important;
        -webkit-text-fill-color: #fff;
        -webkit-background-clip: text;
    }

    .codeInputClass {
        overflow: visible;
        position: absolute;
        z-index: 9;
        margin-left: 42rpx;
        height: 60rpx;
        line-height: 60rpx;
        width: 85%;
        color: #fff;
        font-size: 32rpx;
        font-weight: 700;
    }
</style>
View Code