Internet Explorer 11，如何 STYLE readonly？

Question

我正在仔细检查我的网站和其他浏览器是否一切正常。

我注意到在 Chrome 中我可以设置只读样式，但在 Internet Explorer 中你不能设置样式。

我通常在输入字段上禁用，但这个只读字段需要只读才能将其放入数据库。

如果不可能。我希望只读输入不要通过鼠标单击来聚焦。因为我现在有一个带有占位符的只读输入字段。如果我在只读输入中单击，文本就会消失。因此，如果我在其中单击，输入可能会发生变化。如果我的第一个问题无法完成，是否可以避免这种情况？

谢谢你的时间，我很感激。

HTML 只读（需要它是只读的，因为我必须 POST 它）

<input id='overNightRate' type='text' name='overNightRate' class='form-control disabledDesign' placeholder="Bedrag word berekent" readonly/>

CSS

.disabledDesign:read-only{background-color:#003c85;
  color: white;
opacity: 1;}

而且我有更多相同的输入字段，但只是计算某些内容的总和。这也需要是只读的，因为它需要将该输入数据存储到数据库

Answer 1

如果需要readonly，我相信IE 11支持attr选择器：

.disabledDesign[readonly='readonly'] {
  background-color: #003c85;
  color: white;
  opacity: 1;
  pointer-events: none;
}

<input id='overNightRate' type='text' name='overNightRate' class='form-control disabledDesign' placeholder="Bedrag word berekent" readonly="readonly" />

编辑：已在 IE11 上测试并按预期工作。

Internet Explorer 11，如何 STYLE readonly？

Internet Explorer 11, how to STYLE readonly?

html

css

readonly

internet-explorer-11