Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用角度材质从图标创建下拉列表?_Javascript_Angular_Angular Material - Fatal编程技术网

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文件,您也可以取消对该块的注释以去掉下划线。