如何使用文本样式创建像 stackoverflow 这样的标签

我想知道如何在输入字段（例如 stackoverflow 的标记系统）内创建 css 样式？

当您单击标签时，文本将被设置样式。而且，当您单击样式标签时，它会再次正常。我想我主要关心的是如何在输入字段内设置文本样式？

Thanks!

标签不是输入字段，而是链接！在 SO 上，标签使用以下样式：

.post-tag {
    color: #3E6D8E;
    background-color: #E0EAF1;
    border-bottom: 1px solid #3E6D8E;
    border-right: 1px solid #7F9FB6;
    padding: 3px 4px 3px 4px;
    margin: 2px 2px 2px 0;
    text-decoration: none;
    font-size: 90%;
    line-height: 2.4;
    white-space: nowrap;
}

a.post-tag:hover {
    background-color: #3E6D8E;
    color: #E0EAF1;
    border-bottom: 1px solid #37607D;
    border-right: 1px solid #37607D;
    text-decoration: none;
}