如何对齐仅CSS材质设计选择选项的标签

Question

我只有一个css的google资料选择/下拉列表。当选择是“必填”字段时，select标签可以正常工作。

<select class="select-text" required>. 

如果从选择项中删除了“必需”，则标签将移至顶部（css ~:valid）。

如何在不需要任何js的情况下，为非必需文件的css标签与默认样式匹配？

Answer 1

如果不需要选择，则需要更改CSS规则

.select-text:focus ~ .select-label, .select-text:valid ~ .select-label

到

.select-text ~ .select-label