博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
屏蔽Chrome(webkit)中的input、textarea的默认点击/聚焦高亮的样式
阅读量:7111 次
发布时间:2019-06-28

本文共 599 字,大约阅读时间需要 1 分钟。

hot3.png

WebKit作为一个开源的浏览器引擎,而且有google及苹果的大力推广,应该将来的市场占有的份额应该不错。

同时苹果和google推出的相关智能手机也会用到webkit内核的mini浏览器。

这两款webkit引擎的浏览器其中默认添加了对用户体验非常好的小功能:
其一、页面输入框(input 标签)聚焦高亮。?

屏蔽input聚焦高亮效果的样式:

input {outline: none;}textarea {outline: none;}

其二、文本框(textarea 标签)缩放功能。

 

/*css2.0*/textarea {width: 400px;max-width: 400px;height: 400px;max-height: 400px;}/*css3.0*/texearea {resize: none;}

可能将来的网页会偏向简洁设计,所以webkit开发团队已经不考虑当设计的输入框是圆角的时候输入框和文本框出现的问题,所以当你隐藏了点击前的样式而你如果忘记去掉了聚焦后的webkit赋予的默认样式,webkit引擎浏览器的就会出现问题。 

如图:

如果考虑兼容webkit核心的浏览器,建议设计输入框或者文本框的时候尽量保持原始的样式,如果设计做了很好看的圆角背影的效果

转载于:https://my.oschina.net/u/1163293/blog/180822

你可能感兴趣的文章
rnn lstm
查看>>
升级Chrome后无法打开网页
查看>>
软工第三次团队作业
查看>>
asp.net页面传值
查看>>
LINQ之路 1: LINQ介绍
查看>>
Find Integer HDU - 6441(费马大定理+勾股数)
查看>>
MYCAT分库分表
查看>>
Python基础知识(2)
查看>>
python 集合的操作方法
查看>>
nginx使用负载均衡进行压力测试得到的结论
查看>>
DELL PowerEdge R410系统日志满报错
查看>>
centos7 nginx图片 服务器可以访问ftp用户上传的图片资源的配置
查看>>
Git介绍,安装,Git+Git flow使用
查看>>
转载--关于main函数的作用与标准格式
查看>>
Unity Shader _Time 的单位
查看>>
bzoj1566 [NOI2009]管道取珠
查看>>
Longest Consecutive Sequence <leetcode>
查看>>
设计模式--观察者模式[Observer]
查看>>
Servelt工具类,基于Tomcat8以上版本,提供常见工具方法,包括:cookie查找和删除、文件下载设置、文件上传的表单解析、上传数据和session中数据的比较、多级目录的创建...
查看>>
大型互联网架构
查看>>