ios 手機端網頁input高度設定和內建頂部陰影

Sakuramissing發表於2020-11-14

消除ios input頂部陰影:

input{
    -webkit-appearance: none;
}

設定ios input的高度的時候,單獨的height是不生效的,要加上min-height 

.search-name-input{
    width: 100%;
    height: 0.87rem;
    min-height: 0.87rem;
    background-color: #ffffff;
    border-radius: 0.08rem;
    border: solid 1px #e5e5e5;
    padding-left: 0.28rem;
    color: #595656;
    font-size: 0.35rem;
    -webkit-tap-highlight-color: unset;
}

相關文章