html - 按钮值和文本

Question

我是否可以添加文本并在按钮标签中显示值(我需要“+ |”作为字体)？

类似于:

<button type="submit" value="add to friends list">+ |</button>

这行不通，有什么建议吗？我已经创建了一个 fiddle ，它需要看起来像:

http://jsfiddle.net/bAv7C/

谢谢。

==更新==

现在工作，这是新的 fiddle :

http://jsfiddle.net/bAv7C/4/

谢谢大家

Answer 1

从我的 commont 到 OP...

我怀疑你想要的是:

<button type="submit" value="addFriend">+ |</button>

但是如果你想在元素的内容中使用属性值:

CSS:

button:after
{
    content: " " attr(value);
}

标记:

<button type="submit" value="add to friends list">+ |</button>

demo