html按钮上的多个CSS样式

Question

我正在尝试为消息系统创建一个按钮,以便在有新消息时显示橙色点.但是,我无法让它发挥作用.可能吗？

这是按钮

<input type="button" value="Messages &bull;" />?

如果有人想尝试的话,jsFiddle上的按钮:-)

http://jsfiddle.net/ePA47/1/

Answer 1

请改用button元素.

<button type="button">
   Messages <span style="color: orange;">&bull;</span>
</button>

当然,不要在内嵌添加您的样式.我只是为了这个例子而做的.

你也可以给加个班button,如new-messages然后做...

button.new-messages:after {
    content: "•";
    color: orange;
}

请记住,后者不适用于较旧的IE.