'错误'和只读文本框的CSS

时间:2011-11-11 10:54:24

标签: html css

我正在为

寻找一个好的CSS
  1. 标记“invalidClass”类的无效错误文本框。
  2. 将class =“readonlyClass”的输入标记为readonly,因此它在所有浏览器中看起来都非常相似(不是默认的浏览器)。
  3. 是否有一个很好的网站可以为这些问题提供样本CSS?

1 个答案:

答案 0 :(得分:3)

互联网上有一堆免费的css模板网站。但我不希望他们有任何复杂的解决方法。然而,开始并窃取一些“框架”很好......

不幸的是,没有可能的方法只使用CSS将字段标记为只读。您可以使用js或server-site srcipt通过'readonly'属性来实现它。

但是,为了使其与UI的其余部分保持一致并独立于浏览器,您还可以通过将其背景和边框设置为灰色并将鼠标光标设置为正常来另外指定样式(仍然不要忘记使用readonly标记它) )。

对于不正确的字段,浅红色背景通常适用于我。

修改 请记住,将任何输入字段标记为只读并不能保护它不被恶意用户修改; - )