Html Internet Explorer 11，如何设置只读样式？

我正在仔细检查我的网站是否与其他浏览器配合良好

我注意到，在Chrome中，我可以为readonly设置样式，但在InternetExplorer中，你不能为它设置样式

我通常会禁用输入字段，但这个只读字段需要是只读的，以便将其放入数据库

如果不可能的话。我希望只读输入不会被鼠标点击聚焦。因为我现在有一个带有占位符的只读输入字段。如果我在只读输入框内单击，文本将消失。因此，如果我在输入中单击，输入可以更改。如果我的第一个问题不能解决，这能防止吗

谢谢你的时间，我很感激

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

---

我有更多的输入字段，它们是相同的，但只是计算一些东西的总和。这需要是只读的，因为它需要将输入数据存储到数据库中

如果需要是只读的，我相信IE 11支持attr选择器：

.disabledDesign[readonly='readonly']{
背景色：#003c85；
颜色：白色；
不透明度：1；
指针事件：无；
}

---

您打算如何设计它？请编辑您的问题以包括HTML和CSS。请阅读。如果该属性不可单击或不可用，请使用disabled and not readonly属性IE11@disinfor我现在用更多的细节更新我的答案在哪种情况下你有占位符？您需要在哪个字段中更新该字段的值？您可以在服务器端掌握这一点。只需更新需要更新的字段，否则，您可能不会太在意为数不多的IE11用户；）好的，这对我来说很有意义，你可以使用一个隐藏的输入来更新这个值，然后在节目中使用只读。

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

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