CSS :read-only 选择器，输入框中不可更改(只读),和可以更改设置

gtxyzz web技术 2022-07-07 569浏览 0

CSS :read-only 选择器，输入框中不可更改(只读),和可以更改设置

实例

仅当输入元素为“只读”时选择元素并设置样式：

input:-moz-read-only { /* For Firefox */
  background-color: yellow;
}
input:read-only { 
  background-color: yellow;
}

定义和用法

:read-only 选择器用于选取“只读”的元素。

带 "readonly" 属性的表单元素被定义为“只读”。

CSS 语法

:read-only {
  css declarations;
}

演示 :read-only 选择器

普通的 input 元素：

只读的 input 元素：

:read-only 选择器选取带有 “readonly” 属性的表单元素。

继续浏览有关 css 的文章