<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.mobile.all.min.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" />
Those CSS files are off limits for editing. I wouldn't even try to modify them if they were local.
<button type="submit" data-role="button" class="button-right btn-success km-widget km-button"><span class="glyphicon glyphicon-ok-sign km-text"></span> Ok</button>
kendo.mobile.all.min.css:9
.km-flat .km-button {
...
}
bootstrap.min.css:7
.btn-success{
...
}
I'm aware that the kendo file takes precedence due to its specificity in selectors. I simply want to disregard the rules for .km-button (which is included by using data-role="button" on my button), opting for bootstrap's styles over those of kendo.
I could potentially remove the class dynamically with jQuery, but I'm curious if there's another method to achieve this.
Appreciate any advice!