美文网首页
css工程问题

css工程问题

作者: monkeyfly36 | 来源:发表于2021-10-11 19:09 被阅读0次
  1. 这种写法在内网环境下无法使用。相当于在内网请求外网数据。
<style lang="scss" scoped>
@import url("//unpkg.com/element-ui@2.4.11/lib/theme-chalk/index.css");
.scroll{
  margin-top: 10px;
}
</style>

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工程问题

    这种写法在内网环境下无法使用。相当于在内网请求外网数据。 2.el-menu中background-color只能...

  • 微前端:qiankun开发问题小记

    问题一、 css 污染问题 描述:多个项目合并到主工程后,出现ui样式混乱,不兼容问题。由于是多个子工程合并到主工...

  • CSS工程化问题

    如何解决CSS模块化问题 Less Sass 等CSS预处理器 PostCSS 插件 (postcss-impor...

  • css居中:完全指南

    CSS中如何完美做到居中,一直是令前端工程师头疼的问题。最近读到CSS-TRICKS中的一篇帖子,将居中问题的解决...

  • css工程

    命名方案: 预处理: 后处理: CSS IN JS:将一些常用的 CSS 属性封装成函数,使用 JavaScrip...

  • Vue工程中如何使用css-module

    前言 本文介绍下css module的作用以及在vue工程中如何使用。CSS Modules不是将CSS改造的具有...

  • CSS居中方案

    简言 CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包...

  • 【基础】这15种CSS居中的方式,你都用过哪几种?

    简言 CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包...

  • 【常用CSS】之CSS居中方式

    简言 CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把云笔记中的保存的CSS居中的方案汇编整...

  • 这些 SCSS 使用技巧真好用

    随着css工程化的普及,sass在前端工程中越来越举足轻重。当然sass并不局限于管理css全局变量、mixin之...

网友评论

      本文标题:css工程问题

      本文链接:https://www.haomeiwen.com/subject/zdzloltx.html