我是靠谱客的博主 虚心盼望,最近开发中收集的这篇文章主要介绍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框默认样式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

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

评论列表共有 0 条评论

立即
投稿
返回
顶部