ios 手机端网页input高度设置和内置顶部阴影

最新推荐文章于 2021-06-10 12:44:50 发布

Sakuramissing

最新推荐文章于 2021-06-10 12:44:50 发布

阅读量277

点赞数

分类专栏：前端设计

本文链接：https://blog.csdn.net/Sakuramissing/article/details/109687472

版权

前端设计专栏收录该内容

5 篇文章 0 订阅

订阅专栏

消除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;
}