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

  • 相关阅读:
    Golang 函数
    Golang type
    Golang 分支控制和循环
    Golang 字符型
    Golang运算符
    final 和 static 的区别
    Golang标识符命名规则
    Golang值类型与引用类型
    Golang指针
    启动 jvm 参数小总结
  • 原文地址:https://www.cnblogs.com/fengxilee/p/12047686.html
Copyright © 2011-2022 走看看