无法将引导程序样式应用于ASP:Sharepoint中的按钮

时间:2014-03-31 15:34:58

标签: css asp.net twitter-bootstrap sharepoint sharepoint-2013

我正在尝试将Bootstrap的CSS样式应用于ASP:Button,我目前正在遇到来自Sharepoint的corev15.css样式表的一些CSS冲突,用于按钮输入类型:

input[type="button"], input[type="reset"], input[type="submit"], button {
    min-width: 6em;
    padding: 7px 10px;
    border: 1px solid rgb(171, 171, 171);
    background-color: rgb(253, 253, 253);
    margin-left: 10px;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    font-size: 11px;
    color: rgb(68, 68, 68);
}

据我所知,Bootstrap将这些样式应用于较低级别(在我的情况下为btn btn-primary btn-sm),因此应用了输入[type =“button”]样式curtosy Sharepoint优先。

有关如何通过编辑Sharepoint的CSS在没有其他地方潜在重现的情况下阻止我的应用程序出现的任何想法?

我怀疑需要的是样式表中的一些自定义CSS,它是在我的核心引导样式(如bootstrap3-custom.css)之后呈现的,但我不确定哪些代码可以解决这个特定问题。

1 个答案:

答案 0 :(得分:3)

我的建议是使用ie工具栏或firebug检查按钮,并检查渲染的html中的css类或内联样式。 如果存在css类,请使用它们,否则在单独的样式表中使用按钮类型来复制这些样式。 使用!如果需要,重要。 重要的是要知道样式表优先级和标记匹配优先级,因此以后加载具有更具体分配的样式表将占上风。 !重要的是应该强迫任何事情没有进一步的担忧,但谨慎使用,不要使它成为一个标准的