【问题标题】:Unable to increase the width of ng2-autocomplete by keeping the input text width same无法通过保持输入文本宽度相同来增加 ng2-autocomplete 的宽度
【发布时间】:2017-10-02 23:43:34
【问题描述】:

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

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

不知何故,通过阅读issues 之一,我弄清楚了这些课程并尝试申请但没有反映。

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

Plunker 链接here

【问题讨论】:

    标签: javascript html css angular


    【解决方案1】:

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

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

    希望这会有所帮助。

    【讨论】:

    • 谢谢@TidyDev 有什么办法可以让自动完成功能对调试/应用类保持打开状态。一旦我点击离开页面/其他任何地方,我就会失去控制
    • 由于ng2-auto-complete 是一个元素,我认为 dot 不是必需的。你的意见是什么?
    • 你是对的,它既可以用作元素名称,也可以用作类名称。 ng2-auto-complete 元素是否有任何指定宽度的内联 css?这可能会在其他地方覆盖您的 css 代码。
    • 不确定。这就是问题所在。当我尝试检查元素时,当我在下拉列表之外单击时,它会消失。无法检查类
    • app/app.component.ts 指定:样式:[`ng2-auto-complete, input { display: block;边框:1px 实心#ccc;宽度:300px; } `] }) 这就是宽度设置为 300px 的地方。
    猜你喜欢
    • 2015-12-18
    • 2015-10-22
    • 2022-06-12
    • 2021-08-31
    • 2011-05-02
    • 2021-04-23
    • 1970-01-01
    • 1970-01-01
    • 2018-10-05
    相关资源
    最近更新 更多