是否有任何方法可以进行css伪类输入：当只读文件时，焦点不起作用，GWT / MGWT

Question

我正在开发一个使用GWT，MGWT和HTML，CSS的移动应用程序，我的视图有一些文本字段，其中一些字段是只读的。我在我的css文件中使用了css伪类，如下所示：

input[type=text]:focus {
    background-color: #FFFACD;
}  

当字段可编辑时它工作正常意味着文本字段背景在光标指向那里时用#FFFACD改变，如果我们点击/点击不可编辑字段，上面也影响了我不想看到的。我甚至尝试过以下::

input[type=text]:disabled{
    background-color:  transparent;
}  

但我从上面得不到任何东西。 如何防止对readOnly提交的CSS效果。我这样做是以readonly的形式提交的。 tf.setReadOnly(true);。等待你宝贵的建议。

提前感谢，

Answer 1

您可以将选择器更改为：

input:not([readonly])[type=text]:focus {
    background-color: #FFFACD;
}

jsfiddle

---

:not为well supported（IE＆lt; 9除外）。