html - How to style readonly attribute with CSS?

Question

asked Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

I'm currently using readonly="readonly" to disable fields. I'm now trying to style the attribute using CSS. I've tried using

input[readonly] {
  /* styling info here */
}

but it is not working for some reason. I've also tried

input[readonly='readonly'] {
  /* styling info here */
}

that doesn't work either.

How can I style the readonly attribute with CSS?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Answer

深蓝 · Answer 1 · 2021-10-23T18:29:21+0000

input[readonly]
{
    background-color:blue;
}