Vue CLI构建CSS中的生产更改不透明度

Question

构建vue项目时，它的不透明度从50％更改为1％。

在开发中没有这个问题，但是在生产中会改变样式。

开发（npm运行服务）： click to see

.VueCarousel-dot-container button.VueCarousel-dot {
    background-color: #7390a7 !important;
    opacity: 60%;
}

生产（npm运行构建）： 当我构建并上传它时：

.VueCarousel-dot-container button.VueCarousel-dot {
    background-color: #7390a7!important;
    opacity: 1%;
}

Answer 1

尝试将/** Here is fullname */ var fullName: String { return firstName + " " + lastName } 替换为opacity: 60%;，这是等效的，但是构建脚本中的CSS缩小/编译可能存在问题。 另外，当您设置不透明度百分比时，只有Firefox（70+）和Chrome（78+）可以理解，其他浏览器仅支持opacity: 0.6;至0.0范围内的值。