Html CSS在Chrome中不起作用，但在Firefox中起作用

我有一个用于建议的文本区域。下面是两个截图；一个在Firefox中，一个在Chrome中。Firefox是对的，我不知道为什么它不能在Chrome中正确显示。有人能解释为什么会这样吗？它在Chrome本地运行，但在我发布到Azure时不起作用

我的风格是：

#txt建议{
位置：相对位置；
字体大小：16px；
高度：自动；
填充：10px；
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
宽度：500px；
高度：100px；
边框：3px实心#中交；
显示：块；
左边距：自动；
右边距：自动；
}

我在第页的div是：

建议
提交

尝试按Shift+F5在chrome中强制刷新缓存

我复制了您的代码，我看到的代码与您在Firefox中看到的完全相同

可能按F5刷新页面，或者在新的Chrome窗口中打开

---

祝你好运

这可能是Chrome中的缓存。我需要做什么来修复它？好吧，你可以先将我们链接到发布的代码，这样我们就可以在上面运行Firefox开发工具。Chrome对我来说很好：只需搜索“Chrome硬加载”或“Chrome清除缓存”。是的，这很有效。这种情况还会再次发生吗@blubberbo？这取决于你浏览网站的环境。通常，在开发环境中经常会发生这种情况，因为您查看网站，进行更改，然后再次查看。如果有人是第一次访问该网站，他们将看到正确的样式。也就是说，有许多不同的方法可以防止不一致性。也许最简单也是我经常做的就是在

href

标记中包含类似

？v=1.1

的内容来对

.css

文件进行版本控制，如下所示：