Question

我有一个链接，我希望看起来像一个按钮。我已经有了一个Type选择器'button'形式的样式，并且全部使用。我可以通过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”但我不想复制。

Answer 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;
}

Answer 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;
}

有没有办法将Type选择器应用于元素？

2 个答案: