While working on a small website for a homework assignment, I have encountered an issue with styling the size of a tooltip. The tooltip is part of an attribute in a span
tag under the ui-select-choices
. I only want to customize the style of the tooltip within this specific dropdown.
<ui-select
autofocus
class="temp-class">
<ui-select-match placeholder="Select from here" tooltip="{{$select.selected.id}}" tooltip-placement="bottom-left" tooltip-append-to-body="true">
{{"Select from here"}}
</ui-select-match>
<ui-select-choices repeat="item in items">
<span ng-bind-html="item.name | highlight: $select.search" tooltip="{{item.name}}" tooltip-placement="bottom" tooltip-append-to-body="true"></span>
</ui-select-choices>
<ui-select-no-choice>
None
</ui-select-no-choice>
</ui-select>