我是靠谱客的博主 高兴红牛,这篇文章主要介绍H5通过css去掉input框默认样式,现在分享给大家,希望可以做个参考。

input在具体的项目使用过程中input的一些默认样式,与产品设置图不符,所以我们只能去掉默认样式

input{
/*去除阴影*/
box-shadow:none;
/*聚焦input的蓝色边框*/
outline: none;
/*textarea 禁止拖拽*/
resize: none;
/*去除边框*/
border: none;
/*常用于IOS下移除原生样式*/
-webkit-appearance: none;
/*点击高亮的颜色*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
}

常见问题

  1. ios上input输入框上边框的阴影
  2. input框设置placeholder属性在iOS中显示不完整

最后

以上就是高兴红牛最近收集整理的关于H5通过css去掉input框默认样式的全部内容,更多相关H5通过css去掉input框默认样式内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(131)

评论列表共有 0 条评论

立即
投稿
返回
顶部