Javascript 如何使用角度材质从图标创建下拉列表?
我想点击报警图标,这将创建一个下拉菜单 我已经看过了 这是我已经试过的 我仍然有下拉输入框,我想删除它,所以我只能在单击之前看到图标。我希望它是唯一的图标,当它被按下时,它会生成下拉列表 我怎样才能做到这一点Javascript 如何使用角度材质从图标创建下拉列表?,javascript,angular,angular-material,Javascript,Angular,Angular Material,我想点击报警图标,这将创建一个下拉菜单 我已经看过了 这是我已经试过的 我仍然有下拉输入框,我想删除它,所以我只能在单击之前看到图标。我希望它是唯一的图标,当它被按下时,它会生成下拉列表 我怎样才能做到这一点 PS:如果能在Stackblitz上看到它的演示,那就太好了:)我想你可以通过使用一些CSS,基本上隐藏。mat select arrow wrapper元素并调整一些填充来实现你想要的 我已经创建了一个可以查看的。我认为您可以通过使用一些CSS来实现所需的功能,基本上隐藏。mat sel
PS:如果能在Stackblitz上看到它的演示,那就太好了:)我想你可以通过使用一些CSS,基本上隐藏
。mat select arrow wrapper
元素并调整一些填充来实现你想要的
我已经创建了一个可以查看的。我认为您可以通过使用一些CSS来实现所需的功能,基本上隐藏
。mat select arrow wrapper
元素并调整一些填充
我已经创建了一个可供您查看的应用程序。您可以向我们展示您迄今为止所做的尝试吗?@JulienLachal它位于上面的演示链接上。但这里再次表示抱歉,不清楚,我以为您正在显示您所看到的内容的两个不同链接,我的错。
布尔
标志会起作用,但不确定这是否是您想要的?为了以正确的方式实现这一点,需要应用CSSY您需要尝试隐藏箭头,在mat form字段下划线上不放置背景,并重新定位闹钟的mat图标
。您可以向我们展示您迄今为止的尝试吗?@JulienLachal它位于上面的演示链接上。但这里再次表示抱歉,不清楚,我以为您正在显示您所看到的内容的两个不同链接,我的错。布尔
标志会起作用,但不确定这是否是您想要的?为了以正确的方式实现这一点,需要应用CSSY您需要尝试隐藏箭头,在mat form字段下划线上不放置背景,并重新定位闹钟的mat图标
。谢谢您的回答,下划线是否也可以删除,使其仅是可见的图标?@apollowebdesigns yes,我已经想到了这一点,如果你查看style.css文件,你也可以取消对该块的注释以去除下划线。谢谢你的回答,下划线也可以被删除,这样它就是可见的图标吗?@Apollo WebDesigns是的,我已经想到了,如果你查看style.css文件,您也可以取消对该块的注释以去掉下划线。