选择接受文本输入或仅显示文本的元素

Question

如何选择可以接受文本作为输入的元素以及仅支持文本显示的元素？

Answer 1

您可以使用:read-write pseudo-class。

执行此操作

Browser text case.

:-moz-read-write
{}

:read-write
{}

input[readonly],
input[type=date],
input[type=time],
textarea
{}

• :read-write将选择任何可接受文字输入的元素;
• 由于Safari和Firefox支持不佳，无法使用:read-only。而是使用基本属性选择器。 （readonly属性仅在文本接受输入上受支持;
• 我们也必须选择带有textarea的{​​{1}}，但只需编写:read-only就可以了;
• Firefox并没有选择textarea和date输入类型time，因此我们必须明确选择它们。