当前位置：主页 > 查看内容

div可以输入内容不用input作为输入框屏蔽自动的input样式

发布时间：2021-05-26 00:00| 有 位朋友查看

简介：今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。 然后就想着不用input作为输入框是不是可以，换成了 复制代码 代码如下: div class……
今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。

然后就想着不用input作为输入框是不是可以，换成了

复制代码
代码如下:

<div class="content" contenteditable="true"></div>

以为可以避免浏览器的“智能”功能，没想到浏览器太智能了，效果是一摸一样的，我只能去找度娘了，后来发现是我的css还是储备不够啊可怜（自我检讨中）

css中有这样一个属性

复制代码
代码如下:

.content{outline:none;}

而且这个是css3它哥哥早就有了的，我居然……

原文链接：https://m.jb51.net/web/137547.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：div与span之间有什么区别 下一篇：没有了

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐