javascript - Disable toggle inheritance from parent tag -
hi wondering if possible override or disable inheritance parent tag.
what want able make use if "input-group" class having particular tag not inheriting toggle function parent a-tag.
the reason i'm doing because i'm using plugin , want add button looking consistent overall theme.
here code:
<div class="col-lg-12 col-md-6"> <lable class="lfinputlable">from date</lable> <div class="dropdown"> <a class="dropdown-toggle" id="dropdown1" role="button" data-toggle="dropdown" data-target="#"> <div class="input-group"> <!-- comment: want span tag shown under comment not inherit a-tag's toggle function, being inside , --> <span type="button" id="dateremove" class="input-group-addon" ng-click="cleartodate()"><i class="glyphicon glyphicon-remove"></i></span> <input type="text" class="form-control" data-ng-model="data1.datedropdowninput1" data-date-time-input="yyyy-mm-dd hh:mm" disabled="disabled"><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> </div> </a> <ul class="dropdown-menu" role="menu" aria-labelledby="dlabel"> <datetimepicker data-ng-model="data1.datedropdowninput1" data-datetimepicker-config="{ dropdownselector: '#dropdown1' }" /> </ul> </div> </div>
so @ possible?
Comments
Post a Comment