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

ttx9n · 发表于 2014-2-17 16:32:15

点击input时浏览器自动加上的样式和网站整体风格很不一致影响设计整体的一致性，不用input作为输入框也是可以的，下面有个不错的示例，大家可以参考下今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。

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

复制代码代码如下:
<div class="content" contenteditable="true"></div>

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

css中有这样一个属性

复制代码代码如下:
.content{outline:none;}

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

平平安安 · 发表于 2022-8-8 07:58:28

。。。。。。。。。。。。。。。

gc4hg · 发表于 2022-11-24 06:23:17

了乐趣了去了去了去了去了

wxrf98xr · 发表于 2022-11-26 10:09:02

儿童服务绯闻绯闻绯闻

leidie123a · 发表于 2022-12-12 18:45:48

人都不在了啊啊

fzyzy · 发表于 2023-2-12 22:32:27

灌灌灌灌水

kwa3hgmjp · 发表于 2023-8-16 06:15:54

还有人在不。。。。。。。。。。啊

qzdhcgs · 发表于 2023-8-20 15:16:25

554411515451555

额呵呵 · 发表于 2023-10-24 04:47:36

66666666666

81708585 · 发表于 2024-3-2 04:43:52

的vgdsvsdvdsvdsvds

账号		自动登录	找回密码
密码			立即注册

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

相关帖子