vue iphone input样式兼容问题

Question

多出了这个弯钩input {    -webkit-appearance:none;      -moz-appearance:none;    -ms-appearance:none;    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);    resize: none; }写了input的全局默认样式了 还有这个勾 咋整。。 老司机带带我

Answer 1

border-radius:0 试下
不行的话，就把border隐藏调，用伪元素去定义一条横线

    input {        border: none;        position: releative;
    }    input::after {        content: '';        display: block;        width: 100%;        height: 1px;        background: #000;        position: absolute;        bottom: 0;        left: 0;
    }