html中如何在定义的一个css类中实现设置文本框为只能读不可编辑?

html-css09

html中如何在定义的一个css类中实现设置文本框为只能读不可编辑?,第1张

readonly

disabled

这两个不是css中的属性,(只能在html或者js实现)css只是实现网页表现的内容,参考css说明:

什么是样式表:

CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

CSS 概述

CSS 指层叠样式表 (Cascading Style Sheets)

样式定义如何显示 HTML 元素

样式通常存储在样式表中

把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题

外部样式表可以极大提高工作效率

外部样式表通常存储在 CSS 文件中

多个样式定义可层叠为一

大致可以这样子做:

.Dialog{position: absolutetop:0left:0background: #fffborder:1px solid #ddd

    -moz-border-radius:5px-webkit-border-radius:5pxborder-radius:5px

    box-shadow: 0 0 5px 5px rgba(100, 100, 100, 0.1)

    padding:0 10px

    z-index: 99

}/*弹出层*/

/*弹出层遮罩*/

.Dialog-make{width:100%height:100%filter:alpha(opacity=5)opacity:.05position:absolutetop:0left:0z-index:98background:#000}

.Dialog-make iframe{width:100%height:100%filter:alpha(opacity=0)opacity:0border:0px}

当.Dialog层显示时,.Dialog-make层也显示,Dialog-make的z-index少于Dialog的z-index.那么就在Dialog下行成遮罩层,当前也只能操作Dialog层内的东西了