php清除h5格式,移动端H5页面端怎样除去input输入框的默认样式
这次给大家带来移动端H5页面端怎样除去input输入框的默认样式,移动端H5页面端除去input输入框的默认样式的注意事项有哪些,下面就是实战案例,一起来看一下。
前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调。
刚开始设置了输入框背景色透明(background-color:transparent;),在iOS上面背景色和边框都没有了,但是在andriod上边框和背景色还是存在。后来加上样式FILTER: alpha(opacity=0),在andriod中就去掉了边框和背景。
去掉背景和边框比以前好看多了,但是因为类型是date,所以右边有个图标,感觉不协调,加上appearance:none;样式图标没了,比以前更好看了。下图是效果:
jsp 部分代码:
" class="imgCen" οnclick="updateDate(-1);"/>
" class="imgCen" οnclick="updateDate(1);" style="margin-left: -8px;"/>
输入框样式代码:.date input[type=date] {
background-color:transparent;
color:#fff;
FILTER: alpha(opacity=0); /*androd*/
appearance:none; /*下拉框去掉右侧图标*/
-moz-appearance:none;
-webkit-appearance:none;
}
相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
推荐阅读:
php清除h5格式,移动端H5页面端怎样除去input输入框的默认样式相关推荐
- html5首页图标怎么除掉,移动端H5页面端如何除去input输入框的默认样式
移动端H5页面端如何除去input输入框的默认样式 发布时间:2020-09-29 16:41:58 来源:亿速云 阅读:124 作者:小新 这篇文章主要介绍了移动端H5页面端如何除去input输入框 ...
- js手机键盘遮挡_iphone手机微信页面软键盘遮挡input输入框解决方法
现象描述:iphone手机微信页面,用position: fixed;定位的input或textarea输入框,在获取输入焦点时,会被弹出的输入法软键盘遮挡,导致用户无法看到输入框,效果如图: 简化测 ...
- jsp去掉input边框_详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)...
前两天在开发在微信访问的HTML5页面,里面有个订单查询要选择时间,刚开始使用的输入框,没加任何的样式,效果是白色的背景再加上边框很丑,完全与整个背景不协调. 刚开始设置了输入框背景色透明(backg ...
- 伪元素改变date类型input框的默认样式实例页面
CSS代码: ::-webkit-datetime-edit { padding: 1px; background: url(/study/image/selection.gif); } ::-web ...
- H5 IOS input输入框唤起键盘导致页面元素位置错乱问题
方法1:vue项目 // 输入框获得焦点时触发focus() {this.timer.T = setInterval(() => {// 完美解决输入框被软键盘遮挡this.$refs.foot ...
- reset清除所有浏览器默认样式
温馨提示 reset 的目的不是清除浏览器的默认样式, 这仅是部分工作. 清除和重置是紧密不可分的. reset 的目的不是让默认样式在所有浏览器下一致, 而是减少默认样式有可能带来的问题. rese ...
- 移动端H5页面注意事项
1. 单个页面内容不能过多 设计常用尺寸:7501334 / 6401134,包含了手机顶部信号栏的高度. 移动端H5活动页面常常需要能够分享到各种社交App中,常用的有微信.QQ等. 使用移动设备查 ...
- 移动端web设计尺寸_移动端H5页面的设计稿尺寸大小规范
当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的.如果是app设计师,就不会那么纠结啦. 那么多手机屏幕尺寸,设计稿 ...
- 移动端h5页面帮助资料干货
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-wid ...
最新文章
- 一个男人的潜力有多大,就看这几点!
- HighNewTech:横向、纵向动图查看《Why资本寒冬》——根据中国四大行每年(2004年~2018年)贷款主要流向来看当下的资本寒冬
- ue4 改变枢轴位置_UE4渲染模块概述(四)---反射
- python机器学习、数据分析常用第三方库(实时更新)
- python基础论文_北大博士Python学习笔记,Python基础语法总结,一篇文章带你入门...
- 光纤收发器的选购原则介绍
- 我与TCP连接不得不说的故事
- HMI使用自定义控件流程
- 图像识别:利用KNN实现手写数字识别(mnist数据集)
- filter函数使用出现的问题
- linux下运行程序后出现段错误的原因和解决案例
- python获取日期_python 获取日期
- js判断手机端和pc端
- 名字生成器 - 再也不用担心给孩子起名了
- 计算机中的cmd是什么意思,计算机中的cmd是什么意思,全称是什么
- c语言什么意思 app 视频 新闻,开发新闻资讯APP需要哪些功能?
- 神奇的 toLocaleString
- 亚商投资顾问 早餐FM/0926 特斯拉跌4.59%,亚马逊跌3.01%
- “SEO是什么意思?”Kyw的通俗回答
- Linux环境下安装Oracle 11g R2完整图文教程
热门文章
- Eclipse报错:this compilation unit is not on the build path of a java project
- 【Hbase】程序批量put数据到Hbase
- mysql 什么时候用单列索引?什么使用用联合索引?
- 构建私有的 CA 机构
- 学习云计算前景如何?2020年Linux运维职业选择有哪些?
- Java:比较两个对象中全部属性值是否相等
- 企业最喜欢招聘什么样的Java程序员?谈谈我的看法
- C语言汇编pdf,c语言程序代码[汇编].pdf
- MySQL高级-MySQL并发参数调整
- java(Hello World) 常量 变量和注意事项