Question

我正在尝试使用CSS来对MultiSelect小部件中的选项进行样式化，例如在每个单独的选项周围制作边框。

有什么办法可以通过Appmaker做到这一点？谢谢

Answer 1

app-MultiSelect-Item是您自定义选项的目的。

例如：

.app-MultiSelect-Item {                       
  font-size: 12px;
  line-height: 12px;
  padding-bottom: 8px;
  padding-top: 8px;
  border: 1px black solid ;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #FF9800;
}

Answer 2

对于选中/未选中选项，CSS有所不同

下面的示例在侧面具有圆形边框。红色代表未选中，绿色代表选中（背景为绿色）

.app-MultiSelect-Input { 
  font-size: 11px;
  font-family: Verdana;

}
.app-MultiSelect-Item {
   border-radius: 10px;
   border-right: 2px red solid; 
   border-left: 2px red solid;
   line-height: 8px;
   margin-top: 3px;
}
 .app-MultiSelect-Item.selected {
   border-radius: 10px;
   border-right: 2px green solid;
   border-left: 2px green solid;
   background-color: lightgreen;
   line-height: 8px;
   margin-top: 3px;
}

来源：[https://developers-dot-devsite-v2-prod.appspot.com/appmaker/scripting/api/widgets#MultiSelect][1]

如何在Appmaker MultiSelect窗口小部件中设置选项样式

2 个答案: