Невозможно применить стиль начальной загрузки к ASP: кнопке внутри Sharepoint

Question

Я пытаюсь применить стили CSS Bootstrap к ASP:Button, и в настоящее время я испытываю некоторые конфликты CSS из таблицы стилей corev15.css Sharepoint для типа ввода кнопки:

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, имеют приоритет.

Любые идеи о том, как предотвратить это для моего приложения без потенциальных повторений в другом месте через редактирование CSS Sharepoint?

Я подозреваю, что нужен некоторый пользовательский CSS в таблице стилей, который отображается после моих основных стилей начальной загрузки, таких как bootstrap3-custom.css, но я не уверен, какой код решит эту конкретную проблему.

Answer 1

Я рекомендую осмотреть кнопку с помощью панели инструментов dev или firebug и проверить визуализированный html на наличие классов CSS или встроенных стилей. если существуют классы css, используйте их, в противном случае используйте тип кнопки для копирования этих стилей в отдельную таблицу стилей. используйте! важно, если требуется. важно знать, что существует приоритет таблицы стилей и приоритет соответствия разметки, поэтому более поздняя загрузка таблиц стилей с более конкретными назначениями будет иметь преимущественную силу. Важно, чтобы что-то вызывало без дальнейших забот, но используйте с осторожностью, не делайте это стандартом