如何编写组件css样式

[核桃酥]

你是想修改弹窗容器的标题栏吗

[Mr]

是的。现在所有的标题都变了

[核桃酥]

你更新一下dashboard，他有自己的class

[mixi_001]

@核桃酥 没有class的元素怎么办？像这个开关组件，不能居中的原因出在widget-switch的上一级容器里（height被设为auto），但上一级容器没有class类，这样的怎么改样式呢？

[核桃酥]

你在开关上面设置一个组件组，组件组下面放开关，然后设置居中看看呢

[mixi_001]

经过实验，加组件组，将"开关"置于组件组中，组件组设flex，居中；
如果开关设宽100%、高100%，仍然为左上角，无法居中。
如果开关设宽auto、高auto，可行，居中

[mixi_001]

@核桃酥 这个问题引申出来一个另外的情况：

• 我之前通过8楼的做法，完成了居中的要求。但是因为宽高选了auto，所以组件组内的文本框，不能占满整个组件组。在给整个组件组加hover的box-shadow时，由于组件的style里面pointer-event被设置为none，发生了鼠标仅能在移入文本框时，整个box-shadow才能显示的情况。

• 总结一下，是这么个情况：
  开关组件不能居中——改开关组件在组件组中，并将宽高设置auto，实现居中——文本框占不满整个组件组——鼠标移入文本框时，box-shadow才能显示

• 请问针对这个情况，有没有办法？

[核桃酥]

麻烦把画面导出来通过奶牛快传给我，或者有外网地址给我发一下地址，我看一下

[mixi_001]

@核桃酥

https://yun.kuaiya.cn/?t=Web/r/Er7vEtICHsppayEZYTF
985852

[核桃酥]

我看您已经自己写脚本处理了

[mixi_001]

@核桃酥 是处理了，这个确实是没有别的办法是吧？

[核桃酥]

对这个目前只能通过自己写脚本的方式处理