时间:2021-05-08
今天设计一个发表动态的窗口样式,发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。
然后就想着不用input作为输入框是不是可以,换成了
复制代码代码如下:
<div class="content" contenteditable="true"></div>
以为可以避免浏览器的“智能”功能,没想到浏览器太智能了,效果是一摸一样的,我只能去找度娘了,后来发现是我的css还是储备不够啊可怜(自我检讨中)
css中有这样一个属性
复制代码代码如下:
.content{outline:none;}
而且这个是css3它哥哥早就有了的,我居然
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
今天设计一个发表动态的窗口样式,发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致,虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的
采取一致性设计原则。电商网页设计过程中应保证内容与形式的一致性,电商向用户提供的浏览界面中文字的整体形式应保持一致,并且在色彩的搭配上也应保持色系的一致性,避免
按钮标签在,或input元素上使用按钮class。但是为了避免跨浏览器的不一致性,建议使用标签。Bootstrap模板链接按钮感觉link标签的不怎么明显,但是
标准化设计。保持网站界面设计的一致性,有助于用户浏览网站时产生统一的秩序感受。确定所有基本元素的标准样式——字体、配色、板块样式、功能按
jquery为什么如此出色?1)利用CSS的优势2)支持扩展3)抽象浏览器不一致性4)总是面向集合5)将多重操作集于一行