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（提示）.. 请查看我在这里创建的小型演示（CHROME和SAFARI ONLY DUE WEBKIT）

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

先谢谢你帮助我：D

Answer 1

你将不得不用跨度包装那些输入字段。在选择器的内容之后拉出CSS中的内容，在这种情况下 - 输入 - 不保留内容，因此使用内容：'';输入无效。使用标签或在输入字段周围放置一个范围