屏蔽浏览器自动的input样式不影响设计整体的一致性
2013-11-08 17:40
363 查看
今天设计一个发表动态的窗口样式,发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。
然后就想着不用input作为输入框是不是可以,换成了
以为可以避免浏览器的“智能”功能,没想到浏览器太智能了,效果是一摸一样的,我只能去找度娘了,后来发现是我的css还是储备不够啊可怜(自我检讨中)
css中有这样一个属性
而且这个是css3它哥哥早就有了的,我居然
然后就想着不用input作为输入框是不是可以,换成了
<div class="content" contenteditable="true"></div>
以为可以避免浏览器的“智能”功能,没想到浏览器太智能了,效果是一摸一样的,我只能去找度娘了,后来发现是我的css还是储备不够啊可怜(自我检讨中)
css中有这样一个属性
.content{outline:none;}
而且这个是css3它哥哥早就有了的,我居然
相关文章推荐
- div可以输入内容不用input作为输入框屏蔽自动的input样式
- 屏蔽浏览器自动填充样式
- 屏蔽Chrome(webkit)中的input、textarea的默认点击/聚焦高亮的样式
- 移除浏览器默认的样式,比如chrome的input默认样式,然后就可以定义需要的样式。
- safari 浏览器不支持input 样式
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- 基本让input 按钮 和 a标签按钮在不同浏览器统一样式
- 浏览器是否自动屏蔽了弹出窗口的检测
- chrome浏览器当表单自动填充时如何去除浏览器自动添加的默认样式
- 禁用iPhone手机浏览器上给电话号码自动加上的link样式
- 自动识别分辨率或浏览器窗口大小,读取不同样式名/一行内超出宽度的内容显示用...
- 禁用iPhone手机浏览器上给电话号码自动加上的link样式
- 响应式设计时如何自动阻止移动浏览器自动调整页面大小
- 解决浏览器记住用户密码 对含有密码域web页自动填值 造成的影响
- chrome浏览器当表单自动填充时,怎么去除浏览器自动添加的默认样式。
- 不同浏览器input file样式不一样
- 如何去除Chrome浏览器表单文本框Input自动填充黄色背景色样式?
- 表格自动适应浏览器大小及DIV浮动设计(页面自适应浏览器大小)
- 检测浏览器是否自动屏蔽了弹出窗口
- 浏览器自动填充表单导致网页样式丢失