CSS:只读选择器-中断：在IE 11中禁用

我的经验是，添加一个CSS选择器（包括：只读）将使其他CSS选择器无法在Internet Explorer中工作

textarea{
保证金：5px；
}
textarea.ok\u类别：禁用，
textarea.ok\u类别：禁用{
边框：1px纯绿色；
}
textarea.not_ok_类：只读，
textarea.not_ok_类别：禁用，
textarea.not_ok_类别：禁用{
边框：1px纯红；
}

不带只读1


不带只读2


具有只读1


使用只读2时，您遇到的问题是IE不理解
：只读
选择器，它不是简单地忽略一个选择器，而是使整个块无效

解决方法是将
：只读
选择器分离到它自己的块中。这似乎有点毫无意义，但这是让IE不继续使
：disabled
选择器无效的唯一方法：


textarea{
保证金：5px；
}
textarea.ok\u类别：禁用，
textarea.ok\u类别：禁用{
边框：1px纯绿色；
}
textarea.not_ok_类：只读{
边框：1px纯红；
}
textarea.not_ok_类别：禁用，
textarea.not_ok_类别：禁用{
边框：1px纯红；
}
不带只读1


不带只读2


具有只读1


使用只读2
我已经测试过这是一个可能的解决方案…但希望有一个替代方案来避免重复CSS:-）无论如何感谢您的回答…以及swiftreply@Brøgger不幸的是，如果您需要，我认为您不能在同一组选择器中同时使用
：只读
和
：禁用
需要IE11的支持。