autocomplete - 在 Wicket 中可视化自定义自动完成

Question

如何在 Wicket 中直观地自定义自动完成字段(更改颜色、字体等)？

Answer 1

您可以使用 CSS 来修改此组件的外观。对于 1.3 中的 Ajax 自动完成组件，您要覆盖的元素是 div.wicket-aa，例如，您可以这样做:

div.wicket-aa {
    background-color:white;
    border:1px solid #CCCCCC;
    color:black;
}
div.wicket-aa ul {
   list-style-image:none;
   list-style-position:outside;
   list-style-type:none;
   margin:0pt;
   padding:5px;
}
div.wicket-aa ul li.selected {
    background-color:#CCCCCC;
}