use `:read-only` css selector instead `[readonly]` for consistency

Created by: coharishreddy

There are 5 places where [readonly] selector is used. I have replaced with :read-only for consistency.

fixes #33101 (closed)