今天小编给大家分享的是怎么在html页面中调用外部样式,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。两种调用方法:1、使用link标签调用,语
顺晟科技
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以上支持)
本文转载自中文网站
19
2022-10
19
2022-10
17
2022-10
02
2022-10
01
2022-10
25
2022-09