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

 2022-05-28    851  

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

实例

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
  •  

原文链接:https://77isp.com/post/985.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台,请勿相信其他任何渠道。