css - 无法将 Bootstrap 样式应用于 ASP :Button within Sharepoint

标签 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),因此应用 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/

相关文章:

javascript - 球沿抛物线轨迹反弹

c# - 通过 Fiddler 向 asp.net mvc 操作发送 POST 请求

asp.net - 覆盖 ASP.NET AJAX 控件工具包的 TabContainer 控件中的默认 CSS

javascript - Input Type Range 控件在 IE 中显示为文本框

twitter-bootstrap - Bootstrap 模态正文内容不隐藏

html - Bootstrap 按钮的中心文本或内容

html - 使用 CSS 进行响应式设计的布局样式

css - 如何添加一些CSS/html5效果让它有火热的错觉?

javascript - MasterPage ASP.Net 和 Jquery 关于 css 类的点击问题

javascript - 光滑的 slider 无法与 Bootstrap 一起使用