屏蔽浏览器自动的input样式不影响设计整体的一致性

ttx9n · 发表于 2013-11-8 17:40:37

当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，下面有个不错的方法可以屏蔽浏览器自动的input样式，需要的朋友可以参考下今天设计一个发表动态的窗口样式，发现当鼠标点击input时浏览器自动加上的样式和网站整体风格很不一致，虽然浏览器这种智能功能很先进但是有时候不免会影响设计整体的一致性。

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

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

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

css中有这样一个属性

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

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

btbhs8t · 发表于 2022-8-25 20:54:20

很好，谢谢分享

白狐软件 · 发表于 2023-2-6 07:02:33

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

z835648964 · 发表于 2023-3-15 23:44:19

老大你好你好好你好

gc4hg · 发表于 2023-3-25 03:36:50

很不错的源码论坛

locopy · 发表于 2023-5-6 14:06:47

很好，谢谢分享

cxst1h57 · 发表于 2023-8-21 16:50:19

看到这帖子真是高兴！

z835648964 · 发表于 2023-8-27 07:36:48

天天源码社区。。。。

uj9lpc · 发表于 2024-8-12 04:40:06

啊，数码撒飒飒飒飒

ppwxcg · 发表于 2024-9-5 12:50:33

灌灌灌灌水

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

[CSS] 屏蔽浏览器自动的input样式不影响设计整体的一致性

相关帖子