18910140161

移动端页面默认样式怎么重置?

顺晟科技

2021-06-16 10:38:58

220

1 、- web kit-tap-高亮-颜色

-web kit-tap-highlight-color : rgba(0,0,0,0);//将透明度设置为0,点击链接和文本框对象时,移除默认的灰色半透明叠加(iOS)或虚拟框架(Android)。

-web kit-tap-highlight-color : rgba(255,0,0,0.5);//有了这个属性,设置touch时,链接区域高亮显示为50%透明红色,只在ios上有效。只要这个属性在android上使用,它就会显示为一个边框。将此属性添加到正文中,以确保正文的点击区域具有相同的效果。

2 .大纲:无

(1)为pc端的标签a定义此样式的目的是在ie浏览器下单击标签a时取消虚线。Ie7和更低版本的浏览器还不能识别这个属性,所以有必要给A标签添加hidefocus='true '

(2)输入,textarea{outline:none}取消chrome下默认的文本框对焦方式

(3)在移动端不工作。如果要删除文本框的默认样式,可以使用-webkit-appearance。对焦时默认样式取消为-webkit-tap-highlight-color。看到有些移动复位文件加了这个属性,其实是多余的。

3.-web kit-外观

-web kit-appearance : none;//消除输入框和按钮的原有外观,将此属性添加到iOS中,自定义按钮和输入框的样式

使用此属性后,不同类型的输入有不同的性能。文本和按钮没有样式,单选和复选框直接消失

4.-web kit-用户-选择

-web kit-user-select : none;//禁止选择页面文本。这个属性不是继承的。一般在正文中规定,正文不会自动调整

5.-web kit-text-size-调整

-web kit-text-size-adjust : none;//禁止文本自动调整大小(默认情况下,旋转设备时文本大小会改变),并且不继承此属性。一般在正文上规定不自动调整整个正文的文字大小。

6.-webkit-touch-callout

-web kit-touch-callout : none;//长按页面时禁用弹出菜单(iOS下有效),添加img和A标签。

7.-web kit-溢出-滚动

-web kit-overflow-scrolling : touch;//部分滚动(仅在iOS5以上支持)

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航