CSS 内容 attr() 不工作

Question

我正在尝试使用 CSS 制作一种简单的工具提示类型的输入占位符。但是今天事情并没有像我预期的那样发展。

    #formulier input:focus::-webkit-input-placeholder:after {      content: attr(tip) "test"; /**/      position:absolute;      right:0;      display:inline-block;      color:red;    }

“test”的内容输出工作正常，但我无法获得 attr(tip)..请查看我在这里创建的小演示(CHROME 和 SAFARI ONLY DUE WEBKIT)

http://jsbin.com/ApIvawO/5/edit

在此先感谢您帮助我:D

Answer 1

您将不得不用一个跨度来包装这些输入字段。 CSS 中的内容在选择器的内容之后被拉取，在这种情况下 - 输入 - 不包含内容，因此使用 content:'';输入无效。使用标签或在输入字段周围放置一个 span