javascript - 无法通过保持输入文本宽度相同来增加 ng2-autocomplete 的宽度

标签 javascript html css angular

我正在尝试增加自动完成下拉菜单的宽度,同时保持文本宽度不变。 当我试图通过在 chrome 中打开检查元素调试器来单击自动完成时,如果我试图找出类/元素,下拉菜单就会消失。有什么方法可以保持下拉菜单打开,以便我可以更改外观和感觉通过覆盖类的下拉列表。

我还尝试将 chrome 中的元素状态设置为 :active:focus

通过某种方式阅读 issues 之一我弄清楚了类(class)并尝试申请但没有反射(reflect)。

 <style>
   ng2-auto-complete ul li {
   color:blue;
   width:150%;
}
    </style>

Plunker 链接 here

最佳答案

您目前缺少 ng2-auto-complete 类之前的点或哈希。如果它是一个类,则需要一个点;如果它是一个 ID,则需要一个散列。

 <style>
   .ng2-auto-complete ul li {
   color:blue;
   width:150%;
   }
    </style>

希望这对您有所帮助。

关于javascript - 无法通过保持输入文本宽度相同来增加 ng2-autocomplete 的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46512956/

相关文章:

javascript - 仅通过客户端技术重用 HTML 代码

html - 将元素定位在 div 的底部(不是父元素)- Twitter Bootstrap v3

css - 边框悬停在 div 上(CSS)

javascript - 跨浏览器 Onunload 和 Onbeforeunload ? (尤其是歌剧 11)

javascript - 将函数 * 提升为异步函数 *?

javascript - 如何在处理请求时显示正在加载的 gif?

css - 方向 : rtl doesn't work with angular material cards?

javascript - 如何在 WP 自定义页面中包含自定义 JS 文件

javascript - React Redux,将商店连接到 1000 个微型组件

html - 使多个文本输入字段看起来与 float 属性(css,bootstrap)相结合