好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

MobileWeb_html/css_WEB-ITnose

H5页面窗口自动调整到设备宽度,并禁止用户缩放页面

对于按钮类还有个办法,不使用a或者input标签,直接用div标签

参考《如何去除android上a标签产生的边框》

winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉

 webkit表单元素的默认外观怎么重置.css{-webkit-appearance:none;}webkit表单输入框placeholder的颜色值能改变么input::-webkit-input-placeholder{color:#AAAAAA;}input:focus::-webkit-input-placeholder{color:#EEEEEE;}webkit表单输入框placeholder的文字能换行么ios可以,android不行~ 

在textarea标签下都可以换行~

IE10(winphone8)表单元素默认外观如何重置禁用 select 默认下拉箭头

::-ms-expand 适用于表单选择控件下拉箭头的修改,有多个属性值,设置它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。select::-ms-expand {display: none;}禁用 radio 和 checkbox 默认样式::-ms-check 适用于表单复选框或单选按钮默认图标的修改,同样有多个属性值,设置它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。input[type=radio]::-ms-check,input[type=checkbox]::-ms-check{display: none;} 

禁用PC端表单输入框默认清除按钮

当表单文本输入框输入内容后会显示文本清除按钮,::-ms-clear 适用于该清除按钮的修改,同样设置使它隐藏 (display:none) 并使用背景图片来修饰可得到我们想要的效果。

input[type=text]::-ms-clear,input[type=tel]::-ms-clear,input[type=number]::-ms-clear{display: none;}禁止ios 长按时不触发系统的菜单,禁止ios&android长按时下载图片.css{-webkit-touch-callout: none}禁止ios和android用户选中文字.css{-webkit-user-select:none}参考《如何改变表单元素的外观(for Webkit and IE10)》 

打电话发短信写邮件怎么实现打电话

打电话给:0755-10086发短信,winphone系统无效发短信给: 10086写邮件,可参考《移动web页面给用户发送邮件的方法》peun@foxmail.com 

模拟按钮hover效果

移动端触摸按钮的效果,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果,代码如下,

          a{-webkit-tap-highlight-color: rgba(0,0,0,0);}.btn-blue{display:block;height:42px;line-height:42px;text-align:center;border-radius:4px;font-size:18px;color:#FFFFFF;background-color: #4185F3;}.btn-blue:active{background-color: #357AE8;}   

按钮

查看更多关于MobileWeb_html/css_WEB-ITnose的详细内容...

  阅读:30次