html - IE8 :after content delay appearance using jQuery UI Dialog

Question

我正在使用 :after 为需要的标签添加星号:

.field-name
{
    color: #444;
    font-family: verdana;
    font-size: 0.85em;
    line-height: 2em;
}

.field-name.required:after
{
  content: '*';
  color: #ff0000;  
}

当内容不在 jQuery 对话框中时，这非常有效。但是，当使用 jQuery 对话框时，星号仅在对话框悬停时显示。参见 this jsFiddle以 IE8 为例。单击该按钮，然后将鼠标移到实际的对话窗口上。在所有其他现代浏览器中，这按预期工作。这是已知错误吗？

Answer 1

不要使用 CSS 添加星号。使用 javascript 的方法将文本添加到 Dom 元素的末尾。 CSS 不是内容，它是用来设置内容样式的。