css工程问题

  1. 这种写法在内网环境下无法使用。相当于在内网请求外网数据。

2.el-menu中background-color只能使用十六进制(hex),black和rgb出现bug,鼠标悬浮出现白色背景;

3.sass 在vue-cli3中定义全局变量

 vue.config.js
// css相关选项
    css: {
        /*为预处理器 loader 传递自定义选项*/
        loaderOptions: {
            sass: {
                prependData: `@import "@/assets/base/style/color.scss";`
            }
        }
    }

注意:老版使用data,新版使用prependData,否则会报错;
// "sass-loader"版本: "^8.0.0",
@import "@/assets/base/style/color.scss"; 中' ; '放在"..."外面,放在里面会报错。

4.谷歌浏览器记住密码后input颜色改变问题
input:-webkit-autofill {
/* input 背景色 #0C2034根据自己需要替换 /
-webkit-box-shadow : 0 0 0px 1000px #102d53 inset !important;
/
input字体颜色 颜色根据自己要求替换 */
-webkit-text-fill-color: #0573c3 !important;
}

你可能感兴趣的:(css工程问题)