zoukankan      html  css  js  c++  java
  • element 修改箭头和背景的CSS样式

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="UTF-8">
      <!-- import CSS -->
      <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    </head>
    <style>
        .el-tooltip__popper[x-placement^=bottom] .popper__arrow{
          border-bottom-color: red;
        }
        .el-tooltip__popper[x-placement^=bottom] .popper__arrow:after {
          border-bottom-color: red;
        }
        .test{
          background: red !important;
        }
    </style>
    
    <body>
      <div id="app">
        <el-tooltip content="Top center" placement="bottom" popper-class="test">
          <el-button>Dark</el-button>
        </el-tooltip>
      </div>
    </body>
    </html>
    

      引入相应的vue.js和element-ui/lib/index.js

  • 相关阅读:
    linux网桥浅析
    linux slub分配器浅析
    vs2015 C# WinForm 使用皮肤 美化窗体
    枚举可以直接赋值给int
    LINK : fatal error LNK1000: Internal error during IncrBuildImage
    map映射类
    map
    time
    int to string
    eclipse
  • 原文地址:https://www.cnblogs.com/fengxilee/p/12047686.html
Copyright © 2011-2022 走看看