0

我有一个链接,我希望它看起来像一个按钮。我已经有一个类型选择器“按钮”形式的样式,并且它被全部使用。我可以通过 HTML 将其应用于我的链接吗?

剃刀:

@Ajax.ActionLink("Search", "Search", "N", null, new AjaxOptions() { UpdateTargetId = "NDiv", HttpMethod = "Post", OnComplete = "OnComplete" }, htmlAttributes: new { @class = "button" })

CSS:

button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: 600;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

我知道我可以复制样式并将名称更改为“.button”,但我不想复制。

4

2 回答 2

2

您不需要复制样式。您可以简单地添加应用现有样式的更多元素:

button, .button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}
于 2013-04-16T16:18:42.377 回答
1

唯一可行的解​​决方案是:

button, .button {
    background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;
}
于 2013-04-16T16:18:33.737 回答