html - 奇怪的 CSS :after pseudoselector issue in Chrome alone

标签 html css google-chrome

<分区>

Possible Duplicate:
Combine CSS Attribute and Pseudo-Element Selectors?

我在 Chrome 中遇到了一个非常不同的问题。我使用伪选择器 :after 在必填字段项上显示星号标记。我使用自定义属性“必需”来标识需要星号的标签。它在 Firefox 中运行良好,但在 Chrome 中表现不同。所有字段,包括不需要的字段,现在都在相应标签后显示星号。最奇怪的是,当我使用 Chrome 开发者工具检查标签时,星号就消失了。

HTML:

<div class="labelbox">
    <label data-required>Name</label>
    <span class="float-right">:</span>
</div>

CSS:

label[data-required]:after {
    content: "*";
    color: red;
}

最佳答案

我看到了同样的错误,似乎无法弄清楚。可能是 chrome 中的错误。无论哪种方式,我都只使用一类 required 并使用 label.required:after 作为选择器。这似乎工作正常。

关于html - 奇怪的 CSS :after pseudoselector issue in Chrome alone,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9373024/

相关文章:

c# - 对于 : Razor with Javascript method inside tbody

html - 将两个元素与表格单元格的顶部和底部对齐

css - Chrome 可视化问题 CSS

html - Flash 在 Chrome、FF、Safari 上不工作,但在 IE 上工作

javascript - JS下拉菜单动画

javascript - 范围循环中的范围操作 DOM

html - CSS 随媒体屏幕尺寸变化

javascript - 引号的使用

javascript - 如何在 HTML 和 CSS 中将鼠标悬停在另一个图像中的一个点上时显示 GIF 图像?

javascript - jQuery 和 Chrome 扩展