网络新手
Would you like to react to this message? Create an account in a few clicks or log in to continue.
网络新手

原域名www.351.hag.cn已经改为www.wlxs.888ubb.net,请大家牢记!


您没有登录。 请登录注册

通配样式的时候不要随意添加属性

向下  留言 [第1页/共1页]

1通配样式的时候不要随意添加属性 Empty 通配样式的时候不要随意添加属性 周日 五月 23, 2010 4:36 pm

tianxia


书童

Very Happy


例如我想美化输入框的效果:

<input type="text" name="textfield" />

避免给这样的通配属性:

input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }

否则所有的输入框、按钮、单选框、复选框都会跟着变化。

给通配属性容易,再删通配属性,恢复input的默认值就麻烦了。
如果你不幸,也犯了这种错误,考虑一下批量替换的方法来解决:

首先将

input{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }
变更为

.input-beauty{background:#222; border:1px solid #4a4a49; color:#ccc; padding:1px 3px; }

然后批量替换

type="text" 变更为 type="text" class="input-beauty"type="password" 变更为 type="password" class="input-beauty"这样哪个输入框需要美化,就调用样式,不需要就不调用。

由此,更加渴望CSS3的早日普及,将来直接用input[type="text"]这种玩意来实现。




Shocked

返回页首  留言 [第1页/共1页]

您在这个论坛的权限:
不能在这个论坛回复主题

 




  

免费phpbb3论坛 | ©phpBB | 互助中心 | 违法举报 | 最近的讨论