0
我需要您的CSS幫助。我必須改變一個類只有一個元素是用這個創建的:https://angular-ui.github.io/bootstrap/#/dropdown如何根據父項的name屬性更改css類
元素被封裝在生成的代碼中,所以我不能給它一個ID或其他任何東西。 我可以訪問的唯一屬性是包含我需要更改的元素的div(name =「OrganizationTypes」)。
生成的代碼看起來是這樣的:
<div class="ui-select-container ui-select-multiple ui-select-bootstrap dropdown ng-pristine ng-valid ng-isolate-scope ng-not-empty open ng-touched"
style="width: 100%; display: inline-block;" tabindex="0" uib-dropdown="" auto-close="outsideClick"
name="OrganizationTypes" items="vm.availableOrganizationTypes" ng-model="vm.data.organizationTypes" type="text">
<ul class="ui-select-match form-control dropdown-toggle" uib-dropdown-toggle="" style="margin-bottom:2px;height:auto!important;min-height:31px;" aria-haspopup="true" aria-expanded="true">
<!-- ngRepeat: selected in vm.selectedLabel track by selected.path -->
</ul>
<!-- I need to modify dropdown-menu for this ul -->
<ul class="ui-select-choices ui-select-choices-content ui-select-dropdown dropdown-menu" style="width:inherit; overflow:auto; max-height:20em" ng-click="$event.stopPropagation()">
<li class="ui-select-choices-group">
<div>
...
</div>
</li>
</ul>
</div>
的自舉類是定義像這樣:
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
,我需要的位置改變到相對的。
我該如何做到這一點?我需要重新定義一個新的下拉菜單,但我不知道選擇器如何。我在CSS :(
由於絕對不稱職提前!
是的,這就是我要找的,它的工作原理。謝謝。 – Karine