css readonly没反应
时间: 2023-07-25 15:24:13 浏览: 101
`readonly` 是一个用于表单元素的 HTML 属性,它可以防止用户修改表单元素的值。在 CSS 中,没有 `readonly` 属性,所以无法使用 CSS 来控制表单元素是否可编辑。如果你想禁用一个表单元素的编辑,应该在 HTML 中将其设置为 `readonly`。例如:
```html
<input type="text" name="username" value="John Doe" readonly>
```
这样,用户就无法修改输入框中的文本了。如果你需要在 CSS 中改变只读表单元素的样式,可以使用 `:read-only` 伪类。例如:
```css
input:read-only {
color: gray;
background-color: #f6f6f6;
}
```
上面的 CSS 规则会将所有只读输入框的文字颜色变为灰色,背景颜色变为浅灰色。注意,这里使用的是 `:read-only`,而不是 `readonly`。`readonly` 是一个 HTML 属性,而 `:read-only` 是一个 CSS 伪类。