css - ionic : border on autocomplete using CSS

Question

我正在尝试使用 CSS 在我的 ionic 代码中的自动完成标签上应用边框。所以我有这个:

<div class="list list-inset">
<autocomplete attr-placeholder="type here to search..."></autocomplete>
</div>

然后这是我的CSS代码

<style type="text/css">
autocomplete {
    border: 1px solid #151b54;
}
</style>

挑战在于边框永远不会应用于自动完成。请问有什么问题吗？

Answer 1

自 <autocomplete标记在内部转换为标准 HTML，我将向 <autocomplete 添加一个类标签，像这样:

<autocomplete class="autocomplete-with-border" attr-placeholder="..."></autocomplete>

然后在 CSS 中:

.autocomplete-with-border input {
    border: 1px solid #151b54;
}

另一种选择是围绕您的 <autocomplete标记 <div class="autocomplete-with-border">