如何解决当光标超过选择和选项时如何将光标设置为指针?
如何在光标处于选择和设置状态时将光标设置为指针?
HTML
<div class="form-group" *ngIf="!isHidden">
<label><b>Empresa:</b></label>
<select [(ngModel)]="selectedEmpresa" name="idEmpresa" class="form-control" id="idEmpresa">
<option *ngFor="let empresa of empresas; index as i" [value]="empresa.id">{{ empresa.nome }}</option>
</select>
</div>
CSS
#idEmpresa {
border: 1px solid black;
border-radius: 4px;
color: black;
cursor: pointer;
}
解决方法
我发现StackOverflow的以下答案只检查了一次:
可悲的是,标记是由操作系统而不是浏览器呈现的,因此您不能使用光标设置它们的样式。而是使用Bootstrap's Dropdown.
这样的插件除了背景色和颜色外,样式设置通过 option元素的样式对象将被忽略。此外, 直接应用于各个选项的样式设置会覆盖这些设置 整体应用于包含的select元素。
,有些元素根本无法使用CSS设置样式。这些包括所有 高级用户界面小部件,例如范围,颜色或日期控件 以及所有下拉小部件,包括,,
和元素。文件选择器小部件也 众所周知根本没有样式。新和 元素也属于此类别。
只有少数样式属性可以应用于元素。这是因为这种类型的元素是“已替换元素”的示例。它们与操作系统有关,不属于HTML /浏览器。不能通过CSS设置样式。有些替换插件/库看起来像a,但实际上由可以样式化的常规HTML元素组成。 就像下拉引导程序一样
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。