我正在尝试将 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),因此应用 curtosy Sharepoint 的 input[type="button"] 样式优先。
关于如何通过编辑 Sharepoint 的 CSS 来防止我的应用程序发生这种情况而不会在其他地方产生潜在影响的任何想法?
我怀疑需要的是在我的核心 Bootstrap 样式(例如 bootstrap3-custom.css)之后呈现的样式表中的一些自定义 CSS,但我不确定什么代码可以解决这个特定问题。
最佳答案
我的建议是使用 ie dev 工具栏或 firebug 检查按钮,并检查呈现的 html 中的 css 类或内联样式。 如果存在 css 类,则使用它们,否则使用按钮类型在单独的样式表中复制这些样式。 如果需要,请使用 !important。 重要的是要知道样式表优先级和标记匹配优先级,因此稍后加载具有更具体分配的样式表将占上风。 !important 应该强制执行任何操作而不用担心,但请谨慎使用,不要将其作为标准
关于css - 无法将 Bootstrap 样式应用于 ASP :Button within Sharepoint,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22765865/